/* METIERS */
/*#ce1527;*/
.shade-of-gray1 {
  color: lightgray; }

.shade-of-gray2 {
  color: #989898; }

.shade-of-gray3 {
  color: darkgray; }

body {
  background: #1a1d29; }

body.brevet-maitrise {
  background: #09396a;
  background-image: linear-gradient(28deg, #09396a 0%, #299bda 100%);
  background-attachment: fixed; }

body.apprentissage {
  background: #302e2c;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 120%) #302e2c;
  background-blend-mode: multiply,multiply;
  background-attachment: fixed; }

body.perspektiv-handwierk {
  background: #3B2667;
  background-image: linear-gradient(135deg, #3B2667 10%, #BC78EC 100%);
  background-attachment: fixed; }

/*
body.general {
	background: #48361d;
   background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
    background-attachment: fixed;
}
*/
/*
green
background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
*/
h1, h2, h3, h4, p, label, ol, ul, table {
  color: #f9f9f9; }

/* unvisited link */
.container a:link {
  color: #f9f9f9; }

/* visited link */
.container a:visited {
  color: #f9f9f9; }

/* mouse over link */
.container a:hover {
  color: #f9f9f9; }

/* selected link */
.container a:active {
  color: #f9f9f9; }

.perspektiv-handwierk .neon {
  font-family: 'Kalam', cursive;
  color: #FFD5FF;
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #FFD5FF; }

.flicker-slow {
  animation: flicker 3s linear infinite; }

.flicker-slower {
  animation: flicker 6s linear infinite; }

.flicker-slowest {
  animation: flicker 10s linear infinite; }

.flicker-fast {
  animation: flicker 1s linear infinite; }

.flicker-back {
  animation: flicker-background 2s linear infinite; }

@keyframes flicker-background {
  0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
    -webkit-filter: drop-shadow(0px 0px 20px #b976e2);
    filter: drop-shadow(0px 0px 20px #b976e2); }
  20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
    -webkit-filter: drop-shadow(0px 0px 10px #b976e2);
    filter: drop-shadow(0px 0px 10px #b976e2); } }
@keyframes flicker {
  0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
    opacity: .99; }
  20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
    opacity: 0.4; } }
.general .neon {
  color: #efb600;
  text-shadow: 1px 0px 30px #efb600; }

.general .progress-bar {
  background: #efb600; }

.formation-continue .neon {
  color: #f58220;
  text-shadow: 1px 0px 30px #f58220; }

.formation-continue .progress-bar {
  background: #f58220; }

.apprentissage .neon {
  color: #afa38e;
  text-shadow: 1px 0px 30px #afa38e; }

.apprentissage .progress-bar {
  background: #afa38e; }

.brevet-maitrise .neon {
  color: #00baed;
  text-shadow: 1px 0px 30px #00baed; }

.brevet-maitrise .progress-bar {
  background: #00baed; }

.perspektiv-handwierk .neon {
  color: #b976e2;
  text-shadow: 1px 0px 30px #b976e2; }

.perspektiv-handwierk .progress-bar {
  background: #b976e2; }

.alimentation .neon {
  color: #FF3300;
  text-shadow: 1px 0px 30px #FF3300; }

.alimentation .progress-bar {
  background: #FF3300; }

.mode .neon {
  color: #FF00CC;
  text-shadow: 1px 0px 30px #FF00CC; }

.mode .progress-bar {
  background: #FF00CC; }

.mecanique .neon {
  color: #099FFF;
  text-shadow: 1px 0px 30px #099FFF; }

.mecanique .progress-bar {
  background: #099FFF; }

.construction .neon {
  color: #ff8300;
  text-shadow: 1px 0px 30px #ff8300; }

.construction .progress-bar {
  background: #ff8300; }

.communication .neon {
  color: #04cc04;
  text-shadow: 1px 0px 30px #04cc04; }

.communication .progress-bar {
  background: #04cc04; }

.general table tfoot {
  background-color: #d09f05 !important;
  color: white !important; }

.general .handsup-card div .overlay-text .content {
  /*text-shadow: -1px -1px #d09f05;*/ }

.formation-continue table tfoot {
  background-color: #e65700 !important;
  color: white !important; }

.formation-continue .handsup-card div .overlay-text .content {
  /*text-shadow: -1px -1px #e65700;*/ }

.apprentissage table tfoot {
  background-color: #68573d !important;
  color: white !important; }

.apprentissage .handsup-card div .overlay-text .content {
  /*text-shadow: -1px -1px #68573d;*/ }

.brevet-maitrise table tfoot {
  background-color: #037bdc !important;
  color: white !important; }

.brevet-maitrise .handsup-card div .overlay-text .content {
  /*text-shadow: -1px -1px #037bdc;*/ }

.perspektiv-handwierk table tfoot {
  background-color: #573476 !important;
  color: white !important; }

.perspektiv-handwierk .handsup-card div .overlay-text .content {
  /*text-shadow: -1px -1px #573476;*/ }

.general .modalhu {
  background-color: #efb60054; }

.general .glow {
  -webkit-animation: glow-general 1s ease-in-out infinite alternate;
  -moz-animation: glow-general 1s ease-in-out infinite alternate;
  animation: glow-general 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-general {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #efb600, 0 0 40px #efb600, 0 0 50px #efb600, 0 0 60px #efb600, 0 0 70px #efb600; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #efb600, 0 0 40px #efb600, 0 0 50px #efb600, 0 0 60px #efb600, 0 0 70px #efb600, 0 0 80px #efb600; } }
.general .article-back-image {
  background-color: #efb600; }

.general .card a {
  border: 2px solid #efb600; }

.general .card a div.content {
  background: linear-gradient(#efb600, #efb600); }

.general .subtablinks.ongoing {
  color: #efb600 !important; }

.general .context-color {
  color: #efb600 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.general .tab button.active::after {
  background-color: #efb600; }

.general .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #efb600);
  filter: drop-shadow(0px 0px 0px #efb600); }

.general .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #efb600);
  filter: drop-shadow(0px 0px 6px #efb600); }

.general h1, .general h3 {
  color: #efb600; }

/*.general ul.contacts[title]::before {  color: #efb600; }

.general ul.toc[title]::before {  color: #efb600; }*/
/*
.general ul.contacts li { 
	background: #efb600;
	background: -webkit-linear-gradient(left, #efb600 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #efb600 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #efb600 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.general ul.toc li a {
  color: #efb600; }

.general ul.toc li a:hover {
  text-shadow: 1px 0px 10px #efb600; }

.general table th {
  background-color: #efb600 !important; }

/* unvisited link */
.general .container a:link, .general main a:link {
  color: #efb600; }

/* mouse over link */
.general .container a:hover, .general main a:hover {
  color: #efb600; }

.general .container a:visited, .general main a:visited {
  color: #efb600; }

.general .topnav ul li a:hover {
  color: #efb600; }

.general .topnav ul li span:hover {
  color: #efb600; }

/* selected link */
.general .container a:active, .general main a:active {
  color: #efb600; }

.general .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #efb600; }

.general .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.general .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #efb600 !important;*/ }

.general .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.formation-continue .modalhu {
  background-color: #f5822054; }

.formation-continue .glow {
  -webkit-animation: glow-formation-continue 1s ease-in-out infinite alternate;
  -moz-animation: glow-formation-continue 1s ease-in-out infinite alternate;
  animation: glow-formation-continue 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-formation-continue {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #f58220, 0 0 40px #f58220, 0 0 50px #f58220, 0 0 60px #f58220, 0 0 70px #f58220; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #f58220, 0 0 40px #f58220, 0 0 50px #f58220, 0 0 60px #f58220, 0 0 70px #f58220, 0 0 80px #f58220; } }
.formation-continue .article-back-image {
  background-color: #f58220; }

.formation-continue .card a {
  border: 2px solid #f58220; }

.formation-continue .card a div.content {
  background: linear-gradient(#f58220, #f58220); }

.formation-continue .subtablinks.ongoing {
  color: #f58220 !important; }

.formation-continue .context-color {
  color: #f58220 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.formation-continue .tab button.active::after {
  background-color: #f58220; }

.formation-continue .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #f58220);
  filter: drop-shadow(0px 0px 0px #f58220); }

.formation-continue .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #f58220);
  filter: drop-shadow(0px 0px 6px #f58220); }

.formation-continue h1, .formation-continue h3 {
  color: #f58220; }

/*.formation-continue ul.contacts[title]::before {  color: #f58220; }

.formation-continue ul.toc[title]::before {  color: #f58220; }*/
/*
.formation-continue ul.contacts li { 
	background: #f58220;
	background: -webkit-linear-gradient(left, #f58220 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #f58220 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #f58220 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.formation-continue ul.toc li a {
  color: #f58220; }

.formation-continue ul.toc li a:hover {
  text-shadow: 1px 0px 10px #f58220; }

.formation-continue table th {
  background-color: #f58220 !important; }

/* unvisited link */
.formation-continue .container a:link, .formation-continue main a:link {
  color: #f58220; }

/* mouse over link */
.formation-continue .container a:hover, .formation-continue main a:hover {
  color: #f58220; }

.formation-continue .container a:visited, .formation-continue main a:visited {
  color: #f58220; }

.formation-continue .topnav ul li a:hover {
  color: #f58220; }

.formation-continue .topnav ul li span:hover {
  color: #f58220; }

/* selected link */
.formation-continue .container a:active, .formation-continue main a:active {
  color: #f58220; }

.formation-continue .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #f58220; }

.formation-continue .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.formation-continue .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #f58220 !important;*/ }

.formation-continue .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.apprentissage .modalhu {
  background-color: #afa38e54; }

.apprentissage .glow {
  -webkit-animation: glow-apprentissage 1s ease-in-out infinite alternate;
  -moz-animation: glow-apprentissage 1s ease-in-out infinite alternate;
  animation: glow-apprentissage 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-apprentissage {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #afa38e, 0 0 40px #afa38e, 0 0 50px #afa38e, 0 0 60px #afa38e, 0 0 70px #afa38e; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #afa38e, 0 0 40px #afa38e, 0 0 50px #afa38e, 0 0 60px #afa38e, 0 0 70px #afa38e, 0 0 80px #afa38e; } }
.apprentissage .article-back-image {
  background-color: #afa38e; }

.apprentissage .card a {
  border: 2px solid #afa38e; }

.apprentissage .card a div.content {
  background: linear-gradient(#afa38e, #afa38e); }

.apprentissage .subtablinks.ongoing {
  color: #afa38e !important; }

.apprentissage .context-color {
  color: #afa38e !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.apprentissage .tab button.active::after {
  background-color: #afa38e; }

.apprentissage .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #afa38e);
  filter: drop-shadow(0px 0px 0px #afa38e); }

.apprentissage .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #afa38e);
  filter: drop-shadow(0px 0px 6px #afa38e); }

.apprentissage h1, .apprentissage h3 {
  color: #afa38e; }

/*.apprentissage ul.contacts[title]::before {  color: #afa38e; }

.apprentissage ul.toc[title]::before {  color: #afa38e; }*/
/*
.apprentissage ul.contacts li { 
	background: #afa38e;
	background: -webkit-linear-gradient(left, #afa38e 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #afa38e 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #afa38e 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.apprentissage ul.toc li a {
  color: #afa38e; }

.apprentissage ul.toc li a:hover {
  text-shadow: 1px 0px 10px #afa38e; }

.apprentissage table th {
  background-color: #afa38e !important; }

/* unvisited link */
.apprentissage .container a:link, .apprentissage main a:link {
  color: #afa38e; }

/* mouse over link */
.apprentissage .container a:hover, .apprentissage main a:hover {
  color: #afa38e; }

.apprentissage .container a:visited, .apprentissage main a:visited {
  color: #afa38e; }

.apprentissage .topnav ul li a:hover {
  color: #afa38e; }

.apprentissage .topnav ul li span:hover {
  color: #afa38e; }

/* selected link */
.apprentissage .container a:active, .apprentissage main a:active {
  color: #afa38e; }

.apprentissage .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #afa38e; }

.apprentissage .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.apprentissage .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #afa38e !important;*/ }

.apprentissage .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.brevet-maitrise .modalhu {
  background-color: #00baed54; }

.brevet-maitrise .glow {
  -webkit-animation: glow-brevet-maitrise 1s ease-in-out infinite alternate;
  -moz-animation: glow-brevet-maitrise 1s ease-in-out infinite alternate;
  animation: glow-brevet-maitrise 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-brevet-maitrise {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #00baed, 0 0 40px #00baed, 0 0 50px #00baed, 0 0 60px #00baed, 0 0 70px #00baed; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #00baed, 0 0 40px #00baed, 0 0 50px #00baed, 0 0 60px #00baed, 0 0 70px #00baed, 0 0 80px #00baed; } }
.brevet-maitrise .article-back-image {
  background-color: #00baed; }

.brevet-maitrise .card a {
  border: 2px solid #00baed; }

.brevet-maitrise .card a div.content {
  background: linear-gradient(#00baed, #00baed); }

.brevet-maitrise .subtablinks.ongoing {
  color: #00baed !important; }

.brevet-maitrise .context-color {
  color: #00baed !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.brevet-maitrise .tab button.active::after {
  background-color: #00baed; }

.brevet-maitrise .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #00baed);
  filter: drop-shadow(0px 0px 0px #00baed); }

.brevet-maitrise .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #00baed);
  filter: drop-shadow(0px 0px 6px #00baed); }

.brevet-maitrise h1, .brevet-maitrise h3 {
  color: #00baed; }

/*.brevet-maitrise ul.contacts[title]::before {  color: #00baed; }

.brevet-maitrise ul.toc[title]::before {  color: #00baed; }*/
/*
.brevet-maitrise ul.contacts li { 
	background: #00baed;
	background: -webkit-linear-gradient(left, #00baed 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #00baed 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #00baed 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.brevet-maitrise ul.toc li a {
  color: #00baed; }

.brevet-maitrise ul.toc li a:hover {
  text-shadow: 1px 0px 10px #00baed; }

.brevet-maitrise table th {
  background-color: #00baed !important; }

/* unvisited link */
.brevet-maitrise .container a:link, .brevet-maitrise main a:link {
  color: #00baed; }

/* mouse over link */
.brevet-maitrise .container a:hover, .brevet-maitrise main a:hover {
  color: #00baed; }

.brevet-maitrise .container a:visited, .brevet-maitrise main a:visited {
  color: #00baed; }

.brevet-maitrise .topnav ul li a:hover {
  color: #00baed; }

.brevet-maitrise .topnav ul li span:hover {
  color: #00baed; }

/* selected link */
.brevet-maitrise .container a:active, .brevet-maitrise main a:active {
  color: #00baed; }

.brevet-maitrise .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #00baed; }

.brevet-maitrise .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.brevet-maitrise .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #00baed !important;*/ }

.brevet-maitrise .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.perspektiv-handwierk .modalhu {
  background-color: #b976e254; }

.perspektiv-handwierk .glow {
  -webkit-animation: glow-perspektiv-handwierk 1s ease-in-out infinite alternate;
  -moz-animation: glow-perspektiv-handwierk 1s ease-in-out infinite alternate;
  animation: glow-perspektiv-handwierk 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-perspektiv-handwierk {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #b976e2, 0 0 40px #b976e2, 0 0 50px #b976e2, 0 0 60px #b976e2, 0 0 70px #b976e2; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #b976e2, 0 0 40px #b976e2, 0 0 50px #b976e2, 0 0 60px #b976e2, 0 0 70px #b976e2, 0 0 80px #b976e2; } }
.perspektiv-handwierk .article-back-image {
  background-color: #b976e2; }

.perspektiv-handwierk .card a {
  border: 2px solid #b976e2; }

.perspektiv-handwierk .card a div.content {
  background: linear-gradient(#b976e2, #b976e2); }

.perspektiv-handwierk .subtablinks.ongoing {
  color: #b976e2 !important; }

.perspektiv-handwierk .context-color {
  color: #b976e2 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.perspektiv-handwierk .tab button.active::after {
  background-color: #b976e2; }

.perspektiv-handwierk .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #b976e2);
  filter: drop-shadow(0px 0px 0px #b976e2); }

.perspektiv-handwierk .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #b976e2);
  filter: drop-shadow(0px 0px 6px #b976e2); }

.perspektiv-handwierk h1, .perspektiv-handwierk h3 {
  color: #b976e2; }

/*.perspektiv-handwierk ul.contacts[title]::before {  color: #b976e2; }

.perspektiv-handwierk ul.toc[title]::before {  color: #b976e2; }*/
/*
.perspektiv-handwierk ul.contacts li { 
	background: #b976e2;
	background: -webkit-linear-gradient(left, #b976e2 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #b976e2 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #b976e2 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.perspektiv-handwierk ul.toc li a {
  color: #b976e2; }

.perspektiv-handwierk ul.toc li a:hover {
  text-shadow: 1px 0px 10px #b976e2; }

.perspektiv-handwierk table th {
  background-color: #b976e2 !important; }

/* unvisited link */
.perspektiv-handwierk .container a:link, .perspektiv-handwierk main a:link {
  color: #b976e2; }

/* mouse over link */
.perspektiv-handwierk .container a:hover, .perspektiv-handwierk main a:hover {
  color: #b976e2; }

.perspektiv-handwierk .container a:visited, .perspektiv-handwierk main a:visited {
  color: #b976e2; }

.perspektiv-handwierk .topnav ul li a:hover {
  color: #b976e2; }

.perspektiv-handwierk .topnav ul li span:hover {
  color: #b976e2; }

/* selected link */
.perspektiv-handwierk .container a:active, .perspektiv-handwierk main a:active {
  color: #b976e2; }

.perspektiv-handwierk .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #b976e2; }

.perspektiv-handwierk .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.perspektiv-handwierk .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #b976e2 !important;*/ }

.perspektiv-handwierk .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.alimentation .modalhu {
  background-color: #FF330054; }

.alimentation .glow {
  -webkit-animation: glow-alimentation 1s ease-in-out infinite alternate;
  -moz-animation: glow-alimentation 1s ease-in-out infinite alternate;
  animation: glow-alimentation 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-alimentation {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FF3300, 0 0 40px #FF3300, 0 0 50px #FF3300, 0 0 60px #FF3300, 0 0 70px #FF3300; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #FF3300, 0 0 40px #FF3300, 0 0 50px #FF3300, 0 0 60px #FF3300, 0 0 70px #FF3300, 0 0 80px #FF3300; } }
.alimentation .article-back-image {
  background-color: #FF3300; }

.alimentation .card a {
  border: 2px solid #FF3300; }

.alimentation .card a div.content {
  background: linear-gradient(#FF3300, #FF3300); }

.alimentation .subtablinks.ongoing {
  color: #FF3300 !important; }

.alimentation .context-color {
  color: #FF3300 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.alimentation .tab button.active::after {
  background-color: #FF3300; }

.alimentation .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #FF3300);
  filter: drop-shadow(0px 0px 0px #FF3300); }

.alimentation .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #FF3300);
  filter: drop-shadow(0px 0px 6px #FF3300); }

.alimentation h1, .alimentation h3 {
  color: #FF3300; }

/*.alimentation ul.contacts[title]::before {  color: #FF3300; }

.alimentation ul.toc[title]::before {  color: #FF3300; }*/
/*
.alimentation ul.contacts li { 
	background: #FF3300;
	background: -webkit-linear-gradient(left, #FF3300 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #FF3300 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #FF3300 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.alimentation ul.toc li a {
  color: #FF3300; }

.alimentation ul.toc li a:hover {
  text-shadow: 1px 0px 10px #FF3300; }

.alimentation table th {
  background-color: #FF3300 !important; }

/* unvisited link */
.alimentation .container a:link, .alimentation main a:link {
  color: #FF3300; }

/* mouse over link */
.alimentation .container a:hover, .alimentation main a:hover {
  color: #FF3300; }

.alimentation .container a:visited, .alimentation main a:visited {
  color: #FF3300; }

.alimentation .topnav ul li a:hover {
  color: #FF3300; }

.alimentation .topnav ul li span:hover {
  color: #FF3300; }

/* selected link */
.alimentation .container a:active, .alimentation main a:active {
  color: #FF3300; }

.alimentation .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #FF3300; }

.alimentation .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.alimentation .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #FF3300 !important;*/ }

.alimentation .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.mode .modalhu {
  background-color: #FF00CC54; }

.mode .glow {
  -webkit-animation: glow-mode 1s ease-in-out infinite alternate;
  -moz-animation: glow-mode 1s ease-in-out infinite alternate;
  animation: glow-mode 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-mode {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FF00CC, 0 0 40px #FF00CC, 0 0 50px #FF00CC, 0 0 60px #FF00CC, 0 0 70px #FF00CC; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #FF00CC, 0 0 40px #FF00CC, 0 0 50px #FF00CC, 0 0 60px #FF00CC, 0 0 70px #FF00CC, 0 0 80px #FF00CC; } }
.mode .article-back-image {
  background-color: #FF00CC; }

.mode .card a {
  border: 2px solid #FF00CC; }

.mode .card a div.content {
  background: linear-gradient(#FF00CC, #FF00CC); }

.mode .subtablinks.ongoing {
  color: #FF00CC !important; }

.mode .context-color {
  color: #FF00CC !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.mode .tab button.active::after {
  background-color: #FF00CC; }

.mode .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #FF00CC);
  filter: drop-shadow(0px 0px 0px #FF00CC); }

.mode .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #FF00CC);
  filter: drop-shadow(0px 0px 6px #FF00CC); }

.mode h1, .mode h3 {
  color: #FF00CC; }

/*.mode ul.contacts[title]::before {  color: #FF00CC; }

.mode ul.toc[title]::before {  color: #FF00CC; }*/
/*
.mode ul.contacts li { 
	background: #FF00CC;
	background: -webkit-linear-gradient(left, #FF00CC 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #FF00CC 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #FF00CC 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.mode ul.toc li a {
  color: #FF00CC; }

.mode ul.toc li a:hover {
  text-shadow: 1px 0px 10px #FF00CC; }

.mode table th {
  background-color: #FF00CC !important; }

/* unvisited link */
.mode .container a:link, .mode main a:link {
  color: #FF00CC; }

/* mouse over link */
.mode .container a:hover, .mode main a:hover {
  color: #FF00CC; }

.mode .container a:visited, .mode main a:visited {
  color: #FF00CC; }

.mode .topnav ul li a:hover {
  color: #FF00CC; }

.mode .topnav ul li span:hover {
  color: #FF00CC; }

/* selected link */
.mode .container a:active, .mode main a:active {
  color: #FF00CC; }

.mode .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #FF00CC; }

.mode .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.mode .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #FF00CC !important;*/ }

.mode .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.mecanique .modalhu {
  background-color: #099FFF54; }

.mecanique .glow {
  -webkit-animation: glow-mecanique 1s ease-in-out infinite alternate;
  -moz-animation: glow-mecanique 1s ease-in-out infinite alternate;
  animation: glow-mecanique 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-mecanique {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #099FFF, 0 0 40px #099FFF, 0 0 50px #099FFF, 0 0 60px #099FFF, 0 0 70px #099FFF; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #099FFF, 0 0 40px #099FFF, 0 0 50px #099FFF, 0 0 60px #099FFF, 0 0 70px #099FFF, 0 0 80px #099FFF; } }
.mecanique .article-back-image {
  background-color: #099FFF; }

.mecanique .card a {
  border: 2px solid #099FFF; }

.mecanique .card a div.content {
  background: linear-gradient(#099FFF, #099FFF); }

.mecanique .subtablinks.ongoing {
  color: #099FFF !important; }

.mecanique .context-color {
  color: #099FFF !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.mecanique .tab button.active::after {
  background-color: #099FFF; }

.mecanique .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #099FFF);
  filter: drop-shadow(0px 0px 0px #099FFF); }

.mecanique .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #099FFF);
  filter: drop-shadow(0px 0px 6px #099FFF); }

.mecanique h1, .mecanique h3 {
  color: #099FFF; }

/*.mecanique ul.contacts[title]::before {  color: #099FFF; }

.mecanique ul.toc[title]::before {  color: #099FFF; }*/
/*
.mecanique ul.contacts li { 
	background: #099FFF;
	background: -webkit-linear-gradient(left, #099FFF 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #099FFF 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #099FFF 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.mecanique ul.toc li a {
  color: #099FFF; }

.mecanique ul.toc li a:hover {
  text-shadow: 1px 0px 10px #099FFF; }

.mecanique table th {
  background-color: #099FFF !important; }

/* unvisited link */
.mecanique .container a:link, .mecanique main a:link {
  color: #099FFF; }

/* mouse over link */
.mecanique .container a:hover, .mecanique main a:hover {
  color: #099FFF; }

.mecanique .container a:visited, .mecanique main a:visited {
  color: #099FFF; }

.mecanique .topnav ul li a:hover {
  color: #099FFF; }

.mecanique .topnav ul li span:hover {
  color: #099FFF; }

/* selected link */
.mecanique .container a:active, .mecanique main a:active {
  color: #099FFF; }

.mecanique .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #099FFF; }

.mecanique .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.mecanique .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #099FFF !important;*/ }

.mecanique .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.construction .modalhu {
  background-color: #ff830054; }

.construction .glow {
  -webkit-animation: glow-construction 1s ease-in-out infinite alternate;
  -moz-animation: glow-construction 1s ease-in-out infinite alternate;
  animation: glow-construction 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-construction {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff8300, 0 0 40px #ff8300, 0 0 50px #ff8300, 0 0 60px #ff8300, 0 0 70px #ff8300; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #ff8300, 0 0 40px #ff8300, 0 0 50px #ff8300, 0 0 60px #ff8300, 0 0 70px #ff8300, 0 0 80px #ff8300; } }
.construction .article-back-image {
  background-color: #ff8300; }

.construction .card a {
  border: 2px solid #ff8300; }

.construction .card a div.content {
  background: linear-gradient(#ff8300, #ff8300); }

.construction .subtablinks.ongoing {
  color: #ff8300 !important; }

.construction .context-color {
  color: #ff8300 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.construction .tab button.active::after {
  background-color: #ff8300; }

.construction .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #ff8300);
  filter: drop-shadow(0px 0px 0px #ff8300); }

.construction .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #ff8300);
  filter: drop-shadow(0px 0px 6px #ff8300); }

.construction h1, .construction h3 {
  color: #ff8300; }

/*.construction ul.contacts[title]::before {  color: #ff8300; }

.construction ul.toc[title]::before {  color: #ff8300; }*/
/*
.construction ul.contacts li { 
	background: #ff8300;
	background: -webkit-linear-gradient(left, #ff8300 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #ff8300 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #ff8300 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.construction ul.toc li a {
  color: #ff8300; }

.construction ul.toc li a:hover {
  text-shadow: 1px 0px 10px #ff8300; }

.construction table th {
  background-color: #ff8300 !important; }

/* unvisited link */
.construction .container a:link, .construction main a:link {
  color: #ff8300; }

/* mouse over link */
.construction .container a:hover, .construction main a:hover {
  color: #ff8300; }

.construction .container a:visited, .construction main a:visited {
  color: #ff8300; }

.construction .topnav ul li a:hover {
  color: #ff8300; }

.construction .topnav ul li span:hover {
  color: #ff8300; }

/* selected link */
.construction .container a:active, .construction main a:active {
  color: #ff8300; }

.construction .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #ff8300; }

.construction .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.construction .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #ff8300 !important;*/ }

.construction .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.communication .modalhu {
  background-color: #04cc0454; }

.communication .glow {
  -webkit-animation: glow-communication 1s ease-in-out infinite alternate;
  -moz-animation: glow-communication 1s ease-in-out infinite alternate;
  animation: glow-communication 1s ease-in-out infinite alternate; }

@-webkit-keyframes glow-communication {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #04cc04, 0 0 40px #04cc04, 0 0 50px #04cc04, 0 0 60px #04cc04, 0 0 70px #04cc04; }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #04cc04, 0 0 40px #04cc04, 0 0 50px #04cc04, 0 0 60px #04cc04, 0 0 70px #04cc04, 0 0 80px #04cc04; } }
.communication .article-back-image {
  background-color: #04cc04; }

.communication .card a {
  border: 2px solid #04cc04; }

.communication .card a div.content {
  background: linear-gradient(#04cc04, #04cc04); }

.communication .subtablinks.ongoing {
  color: #04cc04 !important; }

.communication .context-color {
  color: #04cc04 !important;
  font-family: 'dinotbold';
  font-size: 24px; }

.communication .tab button.active::after {
  background-color: #04cc04; }

.communication .shadowfilter {
  -webkit-filter: drop-shadow(0px 0px 0px #04cc04);
  filter: drop-shadow(0px 0px 0px #04cc04); }

.communication .shadowfilter-light {
  -webkit-filter: drop-shadow(0px 0px 6px #04cc04);
  filter: drop-shadow(0px 0px 6px #04cc04); }

.communication h1, .communication h3 {
  color: #04cc04; }

/*.communication ul.contacts[title]::before {  color: #04cc04; }

.communication ul.toc[title]::before {  color: #04cc04; }*/
/*
.communication ul.contacts li { 
	background: #04cc04;
	background: -webkit-linear-gradient(left, #04cc04 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: -o-linear-gradient(left, #04cc04 0%, rgba(255,255,255,0.09707633053221287) 100%);
	background: linear-gradient(to right, #04cc04 0%, rgba(255,255,255,0.09707633053221287) 100%);
}*/
.communication ul.toc li a {
  color: #04cc04; }

.communication ul.toc li a:hover {
  text-shadow: 1px 0px 10px #04cc04; }

.communication table th {
  background-color: #04cc04 !important; }

/* unvisited link */
.communication .container a:link, .communication main a:link {
  color: #04cc04; }

/* mouse over link */
.communication .container a:hover, .communication main a:hover {
  color: #04cc04; }

.communication .container a:visited, .communication main a:visited {
  color: #04cc04; }

.communication .topnav ul li a:hover {
  color: #04cc04; }

.communication .topnav ul li span:hover {
  color: #04cc04; }

/* selected link */
.communication .container a:active, .communication main a:active {
  color: #04cc04; }

.communication .container img {
  /*max-width: 60% !important;*/
  border-radius: 3px;
  box-shadow: 0px 0px 12px #04cc04; }

.communication .handsup-card > div > img:first-child {
  /*border: 4px solid transparent !important;*/ }

.communication .handsup-card:hover > div > img:first-child {
  /*border: 4px solid #04cc04 !important;*/ }

.communication .handsup-card div .overlay-text {
  background: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 100%); }

.general footer a:hover {
  color: #efb600; }

.general ul.infobox li a:hover {
  color: #efb600; }

ul.infobox li a:hover:before {
  color: #efb600; }

/*
.general input[type=checkbox]:checked {
  background-color: #efb600 !important;
  color: #ffffff !important;
}

.general input[type='checkbox']::before {background-color: #efb600; }
*/
.general input[type=button].handsup-context, .general input[type=reset].handsup-context, .general input[type=submit].handsup-context, .general button.handsup-context, .general a.btn.handsup-context {
  background: #efb600 !important;
  color: #f9f9f9; }

.general .loupe {
  fill: #efb600; }

.general input {
  caret-color: #efb600; }

.formation-continue footer a:hover {
  color: #f58220; }

.formation-continue ul.infobox li a:hover {
  color: #f58220; }

ul.infobox li a:hover:before {
  color: #f58220; }

/*
.formation-continue input[type=checkbox]:checked {
  background-color: #f58220 !important;
  color: #ffffff !important;
}

.formation-continue input[type='checkbox']::before {background-color: #f58220; }
*/
.formation-continue input[type=button].handsup-context, .formation-continue input[type=reset].handsup-context, .formation-continue input[type=submit].handsup-context, .formation-continue button.handsup-context, .formation-continue a.btn.handsup-context {
  background: #f58220 !important;
  color: #f9f9f9; }

.formation-continue .loupe {
  fill: #f58220; }

.formation-continue input {
  caret-color: #f58220; }

.apprentissage footer a:hover {
  color: #afa38e; }

.apprentissage ul.infobox li a:hover {
  color: #afa38e; }

ul.infobox li a:hover:before {
  color: #afa38e; }

/*
.apprentissage input[type=checkbox]:checked {
  background-color: #afa38e !important;
  color: #ffffff !important;
}

.apprentissage input[type='checkbox']::before {background-color: #afa38e; }
*/
.apprentissage input[type=button].handsup-context, .apprentissage input[type=reset].handsup-context, .apprentissage input[type=submit].handsup-context, .apprentissage button.handsup-context, .apprentissage a.btn.handsup-context {
  background: #afa38e !important;
  color: #f9f9f9; }

.apprentissage .loupe {
  fill: #afa38e; }

.apprentissage input {
  caret-color: #afa38e; }

.brevet-maitrise footer a:hover {
  color: #00baed; }

.brevet-maitrise ul.infobox li a:hover {
  color: #00baed; }

ul.infobox li a:hover:before {
  color: #00baed; }

/*
.brevet-maitrise input[type=checkbox]:checked {
  background-color: #00baed !important;
  color: #ffffff !important;
}

.brevet-maitrise input[type='checkbox']::before {background-color: #00baed; }
*/
.brevet-maitrise input[type=button].handsup-context, .brevet-maitrise input[type=reset].handsup-context, .brevet-maitrise input[type=submit].handsup-context, .brevet-maitrise button.handsup-context, .brevet-maitrise a.btn.handsup-context {
  background: #00baed !important;
  color: #f9f9f9; }

.brevet-maitrise .loupe {
  fill: #00baed; }

.brevet-maitrise input {
  caret-color: #00baed; }

.perspektiv-handwierk footer a:hover {
  color: #b976e2; }

.perspektiv-handwierk ul.infobox li a:hover {
  color: #b976e2; }

ul.infobox li a:hover:before {
  color: #b976e2; }

/*
.perspektiv-handwierk input[type=checkbox]:checked {
  background-color: #b976e2 !important;
  color: #ffffff !important;
}

.perspektiv-handwierk input[type='checkbox']::before {background-color: #b976e2; }
*/
.perspektiv-handwierk input[type=button].handsup-context, .perspektiv-handwierk input[type=reset].handsup-context, .perspektiv-handwierk input[type=submit].handsup-context, .perspektiv-handwierk button.handsup-context, .perspektiv-handwierk a.btn.handsup-context {
  background: #b976e2 !important;
  color: #f9f9f9; }

.perspektiv-handwierk .loupe {
  fill: #b976e2; }

.perspektiv-handwierk input {
  caret-color: #b976e2; }

.alimentation footer a:hover {
  color: #FF3300; }

.alimentation ul.infobox li a:hover {
  color: #FF3300; }

ul.infobox li a:hover:before {
  color: #FF3300; }

/*
.alimentation input[type=checkbox]:checked {
  background-color: #FF3300 !important;
  color: #ffffff !important;
}

.alimentation input[type='checkbox']::before {background-color: #FF3300; }
*/
.alimentation input[type=button].handsup-context, .alimentation input[type=reset].handsup-context, .alimentation input[type=submit].handsup-context, .alimentation button.handsup-context, .alimentation a.btn.handsup-context {
  background: #FF3300 !important;
  color: #f9f9f9; }

.alimentation .loupe {
  fill: #FF3300; }

.alimentation input {
  caret-color: #FF3300; }

.mode footer a:hover {
  color: #FF00CC; }

.mode ul.infobox li a:hover {
  color: #FF00CC; }

ul.infobox li a:hover:before {
  color: #FF00CC; }

/*
.mode input[type=checkbox]:checked {
  background-color: #FF00CC !important;
  color: #ffffff !important;
}

.mode input[type='checkbox']::before {background-color: #FF00CC; }
*/
.mode input[type=button].handsup-context, .mode input[type=reset].handsup-context, .mode input[type=submit].handsup-context, .mode button.handsup-context, .mode a.btn.handsup-context {
  background: #FF00CC !important;
  color: #f9f9f9; }

.mode .loupe {
  fill: #FF00CC; }

.mode input {
  caret-color: #FF00CC; }

.mecanique footer a:hover {
  color: #099FFF; }

.mecanique ul.infobox li a:hover {
  color: #099FFF; }

ul.infobox li a:hover:before {
  color: #099FFF; }

/*
.mecanique input[type=checkbox]:checked {
  background-color: #099FFF !important;
  color: #ffffff !important;
}

.mecanique input[type='checkbox']::before {background-color: #099FFF; }
*/
.mecanique input[type=button].handsup-context, .mecanique input[type=reset].handsup-context, .mecanique input[type=submit].handsup-context, .mecanique button.handsup-context, .mecanique a.btn.handsup-context {
  background: #099FFF !important;
  color: #f9f9f9; }

.mecanique .loupe {
  fill: #099FFF; }

.mecanique input {
  caret-color: #099FFF; }

.construction footer a:hover {
  color: #ff8300; }

.construction ul.infobox li a:hover {
  color: #ff8300; }

ul.infobox li a:hover:before {
  color: #ff8300; }

/*
.construction input[type=checkbox]:checked {
  background-color: #ff8300 !important;
  color: #ffffff !important;
}

.construction input[type='checkbox']::before {background-color: #ff8300; }
*/
.construction input[type=button].handsup-context, .construction input[type=reset].handsup-context, .construction input[type=submit].handsup-context, .construction button.handsup-context, .construction a.btn.handsup-context {
  background: #ff8300 !important;
  color: #f9f9f9; }

.construction .loupe {
  fill: #ff8300; }

.construction input {
  caret-color: #ff8300; }

.communication footer a:hover {
  color: #04cc04; }

.communication ul.infobox li a:hover {
  color: #04cc04; }

ul.infobox li a:hover:before {
  color: #04cc04; }

/*
.communication input[type=checkbox]:checked {
  background-color: #04cc04 !important;
  color: #ffffff !important;
}

.communication input[type='checkbox']::before {background-color: #04cc04; }
*/
.communication input[type=button].handsup-context, .communication input[type=reset].handsup-context, .communication input[type=submit].handsup-context, .communication button.handsup-context, .communication a.btn.handsup-context {
  background: #04cc04 !important;
  color: #f9f9f9; }

.communication .loupe {
  fill: #04cc04; }

.communication input {
  caret-color: #04cc04; }

.general hr::before {
  background: #efb600 !important;
  background: linear-gradient(90deg, #efb600 0%, rgba(255, 255, 255, 0) 50%, #efb600 100%) !important; }

.general hr.inverted::before {
  background: #efb600 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #efb600 50%, rgba(255, 255, 255, 0) 100%) !important; }

.formation-continue hr::before {
  background: #f58220 !important;
  background: linear-gradient(90deg, #f58220 0%, rgba(255, 255, 255, 0) 50%, #f58220 100%) !important; }

.formation-continue hr.inverted::before {
  background: #f58220 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f58220 50%, rgba(255, 255, 255, 0) 100%) !important; }

.apprentissage hr::before {
  background: #afa38e !important;
  background: linear-gradient(90deg, #afa38e 0%, rgba(255, 255, 255, 0) 50%, #afa38e 100%) !important; }

.apprentissage hr.inverted::before {
  background: #afa38e !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afa38e 50%, rgba(255, 255, 255, 0) 100%) !important; }

.brevet-maitrise hr::before {
  background: #00baed !important;
  background: linear-gradient(90deg, #00baed 0%, rgba(255, 255, 255, 0) 50%, #00baed 100%) !important; }

.brevet-maitrise hr.inverted::before {
  background: #00baed !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00baed 50%, rgba(255, 255, 255, 0) 100%) !important; }

.perspektiv-handwierk hr::before {
  background: #b976e2 !important;
  background: linear-gradient(90deg, #b976e2 0%, rgba(255, 255, 255, 0) 50%, #b976e2 100%) !important; }

.perspektiv-handwierk hr.inverted::before {
  background: #b976e2 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #b976e2 50%, rgba(255, 255, 255, 0) 100%) !important; }

.alimentation hr::before {
  background: #FF3300 !important;
  background: linear-gradient(90deg, #FF3300 0%, rgba(255, 255, 255, 0) 50%, #FF3300 100%) !important; }

.alimentation hr.inverted::before {
  background: #FF3300 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FF3300 50%, rgba(255, 255, 255, 0) 100%) !important; }

.mode hr::before {
  background: #FF00CC !important;
  background: linear-gradient(90deg, #FF00CC 0%, rgba(255, 255, 255, 0) 50%, #FF00CC 100%) !important; }

.mode hr.inverted::before {
  background: #FF00CC !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FF00CC 50%, rgba(255, 255, 255, 0) 100%) !important; }

.mecanique hr::before {
  background: #099FFF !important;
  background: linear-gradient(90deg, #099FFF 0%, rgba(255, 255, 255, 0) 50%, #099FFF 100%) !important; }

.mecanique hr.inverted::before {
  background: #099FFF !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #099FFF 50%, rgba(255, 255, 255, 0) 100%) !important; }

.construction hr::before {
  background: #ff8300 !important;
  background: linear-gradient(90deg, #ff8300 0%, rgba(255, 255, 255, 0) 50%, #ff8300 100%) !important; }

.construction hr.inverted::before {
  background: #ff8300 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ff8300 50%, rgba(255, 255, 255, 0) 100%) !important; }

.communication hr::before {
  background: #04cc04 !important;
  background: linear-gradient(90deg, #04cc04 0%, rgba(255, 255, 255, 0) 50%, #04cc04 100%) !important; }

.communication hr.inverted::before {
  background: #04cc04 !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #04cc04 50%, rgba(255, 255, 255, 0) 100%) !important; }

.burger {
  background-color: #efb600; }

.topnav {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.881390056) 0%, rgba(108, 57, 0, 0) 85%);
  transition: all 0.2s ease-in-out 0s; }

.topnav.solid {
  background-color: #040618; }

.topnav::after {
  content: "";
  height: 170px;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: height 300ms ease 0s;
  z-index: -1;
  will-change: height;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.25) 46%, rgba(0, 0, 0, 0.4) 61%, rgba(0, 0, 0, 0.553) 75%, rgba(0, 0, 0, 0.694) 88%, rgba(0, 0, 0, 0.8)); }

.wrapper.wrapper-main {
  background-color: #1a1d29;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618);
  background-size: cover;
  background-blend-mode: luminosity; }

.wrapper.wrapper-main.fr {
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(160deg, #0093E9 0%, #80D0C7 100%) !important; }

.wrapper.wrapper-main.de {
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(to top, #30cfd0 0%, #330867 100%) !important; }

.general .burger {
  background-color: #efb600; }

.general .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.general .slider-card div .overlay h1 {
  color: #efb600 !important; }

.general .wrapper.wrapper-main {
  background-color: #efb600;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #efb600, #efb600);
  background-blend-mode: inherit; }

.formation-continue .burger {
  background-color: #f58220; }

.formation-continue .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.formation-continue .slider-card div .overlay h1 {
  color: #f58220 !important; }

.formation-continue .wrapper.wrapper-main {
  background-color: #f58220;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #f58220, #f58220);
  background-blend-mode: inherit; }

.apprentissage .burger {
  background-color: #afa38e; }

.apprentissage .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.apprentissage .slider-card div .overlay h1 {
  color: #afa38e !important; }

.apprentissage .wrapper.wrapper-main {
  background-color: #afa38e;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #afa38e, #afa38e);
  background-blend-mode: inherit; }

.brevet-maitrise .burger {
  background-color: #00baed; }

.brevet-maitrise .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.brevet-maitrise .slider-card div .overlay h1 {
  color: #00baed !important; }

.brevet-maitrise .wrapper.wrapper-main {
  background-color: #00baed;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #00baed, #00baed);
  background-blend-mode: inherit; }

.perspektiv-handwierk .burger {
  background-color: #b976e2; }

.perspektiv-handwierk .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.perspektiv-handwierk .slider-card div .overlay h1 {
  color: #b976e2 !important; }

.perspektiv-handwierk .wrapper.wrapper-main {
  background-color: #b976e2;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #b976e2, #b976e2);
  background-blend-mode: inherit; }

.alimentation .burger {
  background-color: #FF3300; }

.alimentation .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.alimentation .slider-card div .overlay h1 {
  color: #FF3300 !important; }

.alimentation .wrapper.wrapper-main {
  background-color: #FF3300;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #FF3300, #FF3300);
  background-blend-mode: inherit; }

.mode .burger {
  background-color: #FF00CC; }

.mode .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.mode .slider-card div .overlay h1 {
  color: #FF00CC !important; }

.mode .wrapper.wrapper-main {
  background-color: #FF00CC;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #FF00CC, #FF00CC);
  background-blend-mode: inherit; }

.mecanique .burger {
  background-color: #099FFF; }

.mecanique .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.mecanique .slider-card div .overlay h1 {
  color: #099FFF !important; }

.mecanique .wrapper.wrapper-main {
  background-color: #099FFF;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #099FFF, #099FFF);
  background-blend-mode: inherit; }

.construction .burger {
  background-color: #ff8300; }

.construction .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.construction .slider-card div .overlay h1 {
  color: #ff8300 !important; }

.construction .wrapper.wrapper-main {
  background-color: #ff8300;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #ff8300, #ff8300);
  background-blend-mode: inherit; }

.communication .burger {
  background-color: #04cc04; }

.communication .slider-card:before {
  background-image: linear-gradient(0deg, #040618 0%, rgba(255, 255, 255, 0) 75%);
  filter: blur(50px);
  opacity: .8;
  width: 60%; }

.communication .slider-card div .overlay h1 {
  color: #04cc04 !important; }

.communication .wrapper.wrapper-main {
  background-color: #04cc04;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #04cc04, #04cc04);
  background-blend-mode: inherit; }

.wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.general .results a:hover, .general .results a:active {
  color: #efb600 !important; }

.general .results a:link, .general .results a:visited {
  color: #f9f9f9; }

.general .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #efb600), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.general ul.pagination-list li:hover a {
  background-color: #efb600;
  color: #fff; }

.formation-continue .results a:hover, .formation-continue .results a:active {
  color: #f58220 !important; }

.formation-continue .results a:link, .formation-continue .results a:visited {
  color: #f9f9f9; }

.formation-continue .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #f58220), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.formation-continue ul.pagination-list li:hover a {
  background-color: #f58220;
  color: #fff; }

.apprentissage .results a:hover, .apprentissage .results a:active {
  color: #afa38e !important; }

.apprentissage .results a:link, .apprentissage .results a:visited {
  color: #f9f9f9; }

.apprentissage .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #afa38e), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.apprentissage ul.pagination-list li:hover a {
  background-color: #afa38e;
  color: #fff; }

.brevet-maitrise .results a:hover, .brevet-maitrise .results a:active {
  color: #00baed !important; }

.brevet-maitrise .results a:link, .brevet-maitrise .results a:visited {
  color: #f9f9f9; }

.brevet-maitrise .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #00baed), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.brevet-maitrise ul.pagination-list li:hover a {
  background-color: #00baed;
  color: #fff; }

.perspektiv-handwierk .results a:hover, .perspektiv-handwierk .results a:active {
  color: #b976e2 !important; }

.perspektiv-handwierk .results a:link, .perspektiv-handwierk .results a:visited {
  color: #f9f9f9; }

.perspektiv-handwierk .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #b976e2), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.perspektiv-handwierk ul.pagination-list li:hover a {
  background-color: #b976e2;
  color: #fff; }

.alimentation .results a:hover, .alimentation .results a:active {
  color: #FF3300 !important; }

.alimentation .results a:link, .alimentation .results a:visited {
  color: #f9f9f9; }

.alimentation .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #FF3300), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.alimentation ul.pagination-list li:hover a {
  background-color: #FF3300;
  color: #fff; }

.mode .results a:hover, .mode .results a:active {
  color: #FF00CC !important; }

.mode .results a:link, .mode .results a:visited {
  color: #f9f9f9; }

.mode .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #FF00CC), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.mode ul.pagination-list li:hover a {
  background-color: #FF00CC;
  color: #fff; }

.mecanique .results a:hover, .mecanique .results a:active {
  color: #099FFF !important; }

.mecanique .results a:link, .mecanique .results a:visited {
  color: #f9f9f9; }

.mecanique .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #099FFF), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.mecanique ul.pagination-list li:hover a {
  background-color: #099FFF;
  color: #fff; }

.construction .results a:hover, .construction .results a:active {
  color: #ff8300 !important; }

.construction .results a:link, .construction .results a:visited {
  color: #f9f9f9; }

.construction .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #ff8300), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.construction ul.pagination-list li:hover a {
  background-color: #ff8300;
  color: #fff; }

.communication .results a:hover, .communication .results a:active {
  color: #04cc04 !important; }

.communication .results a:link, .communication .results a:visited {
  color: #f9f9f9; }

.communication .wrapper.wrapper-main-with-photo {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), radial-gradient(farthest-side at 80% 79%, transparent, #04cc04), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: inherit;
  background-attachment: fixed; }

.communication ul.pagination-list li:hover a {
  background-color: #04cc04;
  color: #fff; }

.wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.general .wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.formation-continue .wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.apprentissage .wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.brevet-maitrise .wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

.perspektiv-handwierk .wrapper.wrapper-main-with-photo-lum {
  background-color: #040618;
  background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), url("https://images.unsplash.com/photo-1614644756940-3a865ed54d7b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=2550&q=80");
  background-size: cover;
  background-blend-mode: luminosity;
  background-attachment: fixed; }

@media screen and (max-width: 767px) {
  .general .wrapper.wrapper-main-with-photo-lum {
    background-color: #040618;
    background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #d09f05, #d09f05);
    background-size: cover;
    background-blend-mode: unset;
    background-attachment: fixed; }

  .formation-continue .wrapper.wrapper-main-with-photo-lum {
    background-color: #040618;
    background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #e65700, #e65700);
    background-size: cover;
    background-blend-mode: unset;
    background-attachment: fixed; }

  .apprentissage .wrapper.wrapper-main-with-photo-lum {
    background-color: #040618;
    background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #68573d, #68573d);
    background-size: cover;
    background-blend-mode: unset;
    background-attachment: fixed; }

  .brevet-maitrise .wrapper.wrapper-main-with-photo-lum {
    background-color: #040618;
    background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #037bdc, #037bdc);
    background-size: cover;
    background-blend-mode: unset;
    background-attachment: fixed; }

  .perspektiv-handwierk .wrapper.wrapper-main-with-photo-lum {
    background-color: #040618;
    background-image: radial-gradient(farthest-side at 100% 21%, transparent, #040618), linear-gradient(0deg, #573476, #573476);
    background-size: cover;
    background-blend-mode: unset;
    background-attachment: fixed; } }
.general .topnav ul li.active a, .general .topnav ul li.current a, .general .topnav div.hidden-menu a.current, .general .topnav div.hidden-menu a.active {
  color: #efb600; }

.formation-continue .topnav ul li.active a, .formation-continue .topnav ul li.current a, .formation-continue .topnav div.hidden-menu a.current, .formation-continue .topnav div.hidden-menu a.active {
  color: #f58220; }

.apprentissage .topnav ul li.active a, .apprentissage .topnav ul li.current a, .apprentissage .topnav div.hidden-menu a.current, .apprentissage .topnav div.hidden-menu a.active {
  color: #afa38e; }

.brevet-maitrise .topnav ul li.active a, .brevet-maitrise .topnav ul li.current a, .brevet-maitrise .topnav div.hidden-menu a.current, .brevet-maitrise .topnav div.hidden-menu a.active {
  color: #00baed; }

.perspektiv-handwierk .topnav ul li.active a, .perspektiv-handwierk .topnav ul li.current a, .perspektiv-handwierk .topnav div.hidden-menu a.current, .perspektiv-handwierk .topnav div.hidden-menu a.active {
  color: #b976e2; }

.alimentation .topnav ul li.active a, .alimentation .topnav ul li.current a, .alimentation .topnav div.hidden-menu a.current, .alimentation .topnav div.hidden-menu a.active {
  color: #FF3300; }

.mode .topnav ul li.active a, .mode .topnav ul li.current a, .mode .topnav div.hidden-menu a.current, .mode .topnav div.hidden-menu a.active {
  color: #FF00CC; }

.mecanique .topnav ul li.active a, .mecanique .topnav ul li.current a, .mecanique .topnav div.hidden-menu a.current, .mecanique .topnav div.hidden-menu a.active {
  color: #099FFF; }

.construction .topnav ul li.active a, .construction .topnav ul li.current a, .construction .topnav div.hidden-menu a.current, .construction .topnav div.hidden-menu a.active {
  color: #ff8300; }

.communication .topnav ul li.active a, .communication .topnav ul li.current a, .communication .topnav div.hidden-menu a.current, .communication .topnav div.hidden-menu a.active {
  color: #04cc04; }

/* HANDSUP CARDS */
.handsup-card.bigger {
  background: linear-gradient(#4b4e5a, #040618) !important; }

/*.general input:focus:invalid { border: 2px solid #efb600 }

.general input.invalid, .general select.invalid {
	border: 2px solid #efb600;
}*/
.general .step {
  background-color: #efb600 !important; }

.general .handsup-card {
  background: linear-gradient(#efb600, #efb600); }

.general .handsup-card:hover:after {
  border-color: #efb600; }

.general .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.general .slider-card:hover:after {
  border-color: #efb600; }

/*.formation-continue input:focus:invalid { border: 2px solid #f58220 }

.formation-continue input.invalid, .formation-continue select.invalid {
	border: 2px solid #f58220;
}*/
.formation-continue .step {
  background-color: #f58220 !important; }

.formation-continue .handsup-card {
  background: linear-gradient(#f58220, #f58220); }

.formation-continue .handsup-card:hover:after {
  border-color: #f58220; }

.formation-continue .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.formation-continue .slider-card:hover:after {
  border-color: #f58220; }

/*.apprentissage input:focus:invalid { border: 2px solid #afa38e }

.apprentissage input.invalid, .apprentissage select.invalid {
	border: 2px solid #afa38e;
}*/
.apprentissage .step {
  background-color: #afa38e !important; }

.apprentissage .handsup-card {
  background: linear-gradient(#afa38e, #afa38e); }

.apprentissage .handsup-card:hover:after {
  border-color: #afa38e; }

.apprentissage .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.apprentissage .slider-card:hover:after {
  border-color: #afa38e; }

/*.brevet-maitrise input:focus:invalid { border: 2px solid #00baed }

.brevet-maitrise input.invalid, .brevet-maitrise select.invalid {
	border: 2px solid #00baed;
}*/
.brevet-maitrise .step {
  background-color: #00baed !important; }

.brevet-maitrise .handsup-card {
  background: linear-gradient(#00baed, #00baed); }

.brevet-maitrise .handsup-card:hover:after {
  border-color: #00baed; }

.brevet-maitrise .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.brevet-maitrise .slider-card:hover:after {
  border-color: #00baed; }

/*.perspektiv-handwierk input:focus:invalid { border: 2px solid #b976e2 }

.perspektiv-handwierk input.invalid, .perspektiv-handwierk select.invalid {
	border: 2px solid #b976e2;
}*/
.perspektiv-handwierk .step {
  background-color: #b976e2 !important; }

.perspektiv-handwierk .handsup-card {
  background: linear-gradient(#b976e2, #b976e2); }

.perspektiv-handwierk .handsup-card:hover:after {
  border-color: #b976e2; }

.perspektiv-handwierk .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.perspektiv-handwierk .slider-card:hover:after {
  border-color: #b976e2; }

/*.alimentation input:focus:invalid { border: 2px solid #FF3300 }

.alimentation input.invalid, .alimentation select.invalid {
	border: 2px solid #FF3300;
}*/
.alimentation .step {
  background-color: #FF3300 !important; }

.alimentation .handsup-card {
  background: linear-gradient(#FF3300, #FF3300); }

.alimentation .handsup-card:hover:after {
  border-color: #FF3300; }

.alimentation .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.alimentation .slider-card:hover:after {
  border-color: #FF3300; }

/*.mode input:focus:invalid { border: 2px solid #FF00CC }

.mode input.invalid, .mode select.invalid {
	border: 2px solid #FF00CC;
}*/
.mode .step {
  background-color: #FF00CC !important; }

.mode .handsup-card {
  background: linear-gradient(#FF00CC, #FF00CC); }

.mode .handsup-card:hover:after {
  border-color: #FF00CC; }

.mode .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.mode .slider-card:hover:after {
  border-color: #FF00CC; }

/*.mecanique input:focus:invalid { border: 2px solid #099FFF }

.mecanique input.invalid, .mecanique select.invalid {
	border: 2px solid #099FFF;
}*/
.mecanique .step {
  background-color: #099FFF !important; }

.mecanique .handsup-card {
  background: linear-gradient(#099FFF, #099FFF); }

.mecanique .handsup-card:hover:after {
  border-color: #099FFF; }

.mecanique .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.mecanique .slider-card:hover:after {
  border-color: #099FFF; }

/*.construction input:focus:invalid { border: 2px solid #ff8300 }

.construction input.invalid, .construction select.invalid {
	border: 2px solid #ff8300;
}*/
.construction .step {
  background-color: #ff8300 !important; }

.construction .handsup-card {
  background: linear-gradient(#ff8300, #ff8300); }

.construction .handsup-card:hover:after {
  border-color: #ff8300; }

.construction .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.construction .slider-card:hover:after {
  border-color: #ff8300; }

/*.communication input:focus:invalid { border: 2px solid #04cc04 }

.communication input.invalid, .communication select.invalid {
	border: 2px solid #04cc04;
}*/
.communication .step {
  background-color: #04cc04 !important; }

.communication .handsup-card {
  background: linear-gradient(#04cc04, #04cc04); }

.communication .handsup-card:hover:after {
  border-color: #04cc04; }

.communication .slider-card {
  background: linear-gradient(#4b4e5a, #1a1d29); }

.communication .slider-card:hover:after {
  border-color: #04cc04; }

/* END HANDSUP CARDS */
/* PANELS */
.general .panel-heading {
  background-color: #efb600;
  border-radius: 4px; }

.formation-continue .panel-heading {
  background-color: #f58220;
  border-radius: 4px; }

.apprentissage .panel-heading {
  background-color: #afa38e;
  border-radius: 4px; }

.brevet-maitrise .panel-heading {
  background-color: #00baed;
  border-radius: 4px; }

.perspektiv-handwierk .panel-heading {
  background-color: #b976e2;
  border-radius: 4px; }

.alimentation .panel-heading {
  background-color: #FF3300;
  border-radius: 4px; }

.mode .panel-heading {
  background-color: #FF00CC;
  border-radius: 4px; }

.mecanique .panel-heading {
  background-color: #099FFF;
  border-radius: 4px; }

.construction .panel-heading {
  background-color: #ff8300;
  border-radius: 4px; }

.communication .panel-heading {
  background-color: #04cc04;
  border-radius: 4px; }

/* END - PANELS */
.alimentation .neon {
  font-family: 'dinotbold';
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #FF3300; }

.mode .neon {
  font-family: 'dinotbold';
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #FF00CC; }

.mecanique .neon {
  font-family: 'dinotbold';
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #099FFF; }

.construction .neon {
  font-family: 'dinotbold';
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #ff8300; }

.communication .neon {
  font-family: 'dinotbold';
  letter-spacing: 8px;
  text-shadow: 1px 0px 30px #04cc04; }

.formation-continue .handsup-card > div > img:first-child {
  opacity: .75; }

.formation-continue .handsup-card.bigger > div > img:first-child {
  opacity: .1; }