/* Fontface */
@font-face { font-family: "monument-regular"; src: url("../webfonts/monument-regular/monument-regular.woff") format("woff"), url("../webfonts/monument-regular/monument-regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "monument-ultrabold"; src: url("../webfonts/monument-ultrabold/monument-ultrabold.woff") format("woff"), url("../webfonts/monument-ultrabold/monument-ultrabold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "monument-black"; src: url("../webfonts/monument-black/monument-black.woff") format("woff"), url("../webfonts/monument-black/monument-black.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "rota-black"; src: url("../webfonts/rota-black/rota-black.woff") format("woff"), url("../webfonts/rota-black/rota-black.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "rota-bold"; src: url("../webfonts/rota-bold/rota-bold.woff") format("woff"), url("../webfonts/rota-bold/rota-bold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "rota-medium"; src: url("../webfonts/rota-medium/rota-medium.woff") format("woff"), url("../webfonts/rota-medium/rota-medium.woff2") format("woff2"); font-weight: normal; font-style: normal; }
@font-face { font-family: "rota-semibold"; src: url("../webfonts/rota-semibold/rota-semibold.woff") format("woff"), url("../webfonts/rota-semibold/rota-semibold.woff2") format("woff2"); font-weight: normal; font-style: normal; }
/* ===============================================================================*/
/* Background Transition */
/* ===============================================================================*/
/* Notify Gradient */
/* ===============================================================================*/
/* Body Background Gradient */
/* ===============================================================================*/
/* Background Gradient */
/* ===============================================================================*/
/* Menu text Gradient */
/* ===============================================================================*/
/* Border Gradient */
/* ===============================================================================*/
/* Text Gradient */
/* ===============================================================================*/
/* Dark Text Gradient for dark background */
/* ===============================================================================*/
/* Dark Text Gradient for light background */
/* ===============================================================================*/
/* Overlay Gradient */
/* ===============================================================================*/
/* Program Detail Gradient */
/* ===============================================================================*/
/* Variables */
html { overflow: hidden; overflow-y: auto; }

body { color: #FFFFFF; background: #191919; background: linear-gradient(180deg, #191919 0%, #2E006A 100%); }

footer { pointer-events: none; }
footer .f-logo, footer .f-social, footer .f-add, footer .f-menu, footer .f-copyright, footer .f-nav { pointer-events: visible; }

object, :before, :after { pointer-events: none; }

.text-grd { line-height: 1.428; text-transform: none; background: #6717CD; background: -webkit-linear-gradient(to bottom, #6717CD 0%, #A65DFA 52.2%, #DC73CD 100%); background: -moz-linear-gradient(to bottom, #6717CD 0%, #A65DFA 52.2%, #DC73CD 100%); background: linear-gradient(to bottom, #6717CD 0%, #A65DFA 52.2%, #DC73CD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-grd-2 { text-transform: none; background: #191919; background: linear-gradient(to bottom, #191919 0%, #2E006A 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-title { color: #FFFFFF; font-size: 60px; font-weight: 500; font-family: "monument-regular"; text-transform: none; }

.bg-grd-1 { background: #6717CD; background: linear-gradient(180deg, #6717CD 0%, #A65DFA 52.2%, #DC73CD 100%); }
.bg-grd-2, body#programme-chef .enseignements--content:before, body#metiers-detail .sec1 dt:before { background: #6717CD; background: linear-gradient(90deg, #6717CD 0%, #A65DFA 52.2%, #DC73CD 100%); }
.bg-grd-3, body#programme-chef .prerequis--list li:before, body#programme-chef .section-content:after { background: #191919; background: linear-gradient(180deg, #191919 0%, #191919 3%, #2E006A 100%); }

.btn-style-1 { display: inline-block; padding: .4335rem .75rem; color: #FFFFFF; line-height: 1.2; background: #191919; background: linear-gradient(to bottom, #191919 0%, #2E006A 100%); border: none; border-radius: 30px; position: relative; overflow: hidden; z-index: 0; }
.btn-style-1:before { content: ''; background: #191919; background: -webkit-linear-gradient(to bottom, #6718CD 0%, #D871D1 33%, rgba(255, 255, 255, 0) 66%); background: -moz-linear-gradient(to bottom, #6718CD 0%, #D871D1 33%, rgba(255, 255, 255, 0) 66%); background: linear-gradient(to bottom, #6718CD 0%, #D871D1 33%, rgba(255, 255, 255, 0) 66%); background-size: auto 300%; background-position: 0 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: background-position .5s; z-index: -1; }
.btn-style-1:hover { color: #FFFFFF; }
.btn-style-1:hover:before { background-position: 0 0; }

.svg-wrapper { display: inline-block; position: relative; }
.svg-wrapper.tap { cursor: pointer; }
.svg-wrapper.tap:after { content: ''; clear: both; display: table; }
.svg-wrapper.tap object { pointer-events: none; cursor: pointer; }
.svg-wrapper.tap .tap-able { display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.svg-wrapper object { display: block; max-width: 100%; max-height: 100%; }

.icon-arrow-circle { width: 85px; height: 85px; background: url(../images/section-7/icon-link.png) no-repeat center top; }
@media only screen and (max-width: 1179px) { .icon-arrow-circle { width: 62px; height: 62px; } }
.icon-arrow-circle:hover, .icon-arrow-circle.active { background-position: center bottom; }
.icon-arrow-circle > * { display: none !important; }

.swiper-custom-slider { border-radius: 1.6rem; overflow: hidden; }
.swiper-custom-slider a { display: block; position: relative; border-radius: 1.6rem; overflow: hidden; }
.swiper-custom-slider .swiper-button-prev, .swiper-custom-slider .swiper-button-next { opacity: 0; visibility: hidden; }
.swiper-custom-slider--title { border-bottom: 2px solid #b763eb; }
.swiper-custom-slider--title.no-control .swiper-custom-slider--prev, .swiper-custom-slider--title.no-control .swiper-custom-slider--next { display: none; }
.swiper-custom-slider--title.no-control ~ .swiper-45 { margin: 0 -15px; }
.swiper-custom-slider--title.no-control ~ .swiper-45 .swiper-wrapper { display: flex; flex-wrap: wrap; }
.swiper-custom-slider--title.no-control ~ .swiper-45 .swiper-slide { flex: 0 0 33.333333%; padding: 0 15px; max-width: 33.333333%; }
.swiper-custom-slider--prev, .swiper-custom-slider--next { padding: 0; color: #fff; font-size: 14px; line-height: 1; background: none; width: 20px; height: 20px; border: none; }
.swiper-custom-slider .overlay, .swiper-custom-slider .b-img { border-radius: 0 !important; }

body { position: relative; }
body#programme-chef main, body#les-metiers main, body#metiers-detail main { max-width: unset; overflow: hidden; z-index: unset; }
body#programme-chef section, body#les-metiers section, body#metiers-detail section { margin: auto; max-width: 1920px; overflow: unset; }
body#programme-chef footer, body#les-metiers footer, body#metiers-detail footer { margin: auto; margin-top: 120px; padding: 0; min-height: 525px; max-width: 1920px; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef footer, body#les-metiers footer, body#metiers-detail footer { min-height: unset; } }
body#programme-chef footer:before, body#les-metiers footer:before, body#metiers-detail footer:before { content: ''; margin: 0 auto; background: url(../images/bg-footer.svg) no-repeat center top/3005px 967px; width: 3005px; position: absolute; top: 0; left: 0; right: 0; bottom: -150px; transform: translateX(-825px) translateY(-150px); z-index: -1; }
@media only screen and (max-width: 991px) { body#programme-chef footer:before, body#les-metiers footer:before, body#metiers-detail footer:before { bottom: -50px; transform: translateX(-750px) translateY(-50px); } }
@media only screen and (max-width: 767px) { body#programme-chef footer:before, body#les-metiers footer:before, body#metiers-detail footer:before { bottom: -50px; transform: translateX(-825px) translateY(-50px); } }
body.contact footer { margin-top: -2rem; }
body#programme-chef:before { content: ''; margin: auto; background: url(../images/programme/chef-header.svg) no-repeat center/2810px auto; width: 146.35%; height: 845px; position: absolute; top: 0; left: 0; right: 0; transform: translateX(-16.9%) translateY(-320px); }
@media only screen and (max-width: 1399px) { body#programme-chef:before { transform: translateX(-25%) translateY(-380px); } }
@media only screen and (max-width: 991px) { body#programme-chef main { overflow: unset; } }
body#programme-chef .section-lead { margin-bottom: 170px; padding-top: 50px; font-family: "rota-semibold"; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead { margin-bottom: 50px; } }
body#programme-chef .section-lead .lead--deco { pointer-events: none; background: url(../images/programme/chef-lead.svg) no-repeat center; width: 542px; height: 418px; position: absolute; top: 95px; left: -140px; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead .lead--deco { width: 475px; height: 366px; top: 115px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-lead .lead--deco { width: 425px; height: 325px; top: 95px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-lead .lead--deco { width: 345px; height: 265px; left: -85px; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-lead .lead--deco { display: none; } }
body#programme-chef .section-lead .lead--thumb { margin: auto; background: #FFFFFF; width: 300px; height: 300px; border: 3px solid #FFFFFF; border-radius: 100%; position: relative; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead .lead--thumb { width: 250px; height: 250px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-lead .lead--thumb { width: 220px; height: 220px; } }
body#programme-chef .section-lead .lead--thumb img { object-fit: cover; margin: auto; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
body#programme-chef .section-lead .lead--rank { margin-top: 30px; margin-bottom: 25px; color: #FFFFFF; font-size: 40px; font-weight: 600; text-align: center; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead .lead--rank { font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-lead .lead--rank { margin-top: 25px; margin-bottom: 20px; font-size: 30px; } }
body#programme-chef .section-lead .lead--title { margin-top: 16px; margin-bottom: 46px; text-align: center; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead .lead--title { font-size: 1.75rem; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-lead .lead--title { margin-bottom: 30px; font-size: 1.5rem; } }
body#programme-chef .section-lead .lead--content { margin: auto; color: #FFFFFF; font-size: 30px; max-width: 1460px; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-lead .lead--content { font-size: 25px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-lead .lead--content { font-size: 22px; } }
body#programme-chef .prerequis { margin-bottom: 110px; font-family: "rota-semibold"; }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis { margin-bottom: 80px; } }
body#programme-chef .prerequis--deco-1, body#programme-chef .prerequis--deco-2 { position: absolute; z-index: 1; }
body#programme-chef .prerequis--deco-1:before, body#programme-chef .prerequis--deco-2:before { content: ''; background-repeat: no-repeat; background-position: center; position: absolute; z-index: 1; }
@media only screen and (max-width: 767px) { body#programme-chef .prerequis--deco-1, body#programme-chef .prerequis--deco-2 { display: none; } }
body#programme-chef .prerequis--deco-1 { width: 642px; height: 615px; right: -84px; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--deco-1 { width: 520px; height: 500px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--deco-1 { width: 420px; height: 380px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--deco-1 { width: 360px; height: 320px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--deco-1 { width: 25vw; height: 180px; top: -30px; } }
body#programme-chef .prerequis--deco-1:before { background-image: url(../images/programme/chef-prerequis-1.svg); top: -124px; left: 0; right: 0; bottom: 0; }
body#programme-chef .prerequis--deco-2 { width: 1111px; height: 869px; left: -584px; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--deco-2 { width: 840px; height: 720px; left: -400px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--deco-2 { width: 500px; height: 600px; left: -215px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--deco-2 { width: 440px; height: 490px; left: -235px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--deco-2 { display: none; } }
body#programme-chef .prerequis--deco-2:before { background-image: url(../images/programme/chef-prerequis-2.svg); top: 230px; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--deco-2:before { top: 90px; } }
body#programme-chef .prerequis--title { margin-bottom: 62px; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--title { font-size: 45px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--title { margin-bottom: 40px; font-size: 35px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--title { font-size: 30px; } }
body#programme-chef .prerequis--list { counter-reset: pick; margin: auto; padding: 0; max-width: 1440px; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--list { max-width: 1280px; } }
body#programme-chef .prerequis--list li { margin-top: 55px; margin-bottom: 55px; padding: 10px 100px; color: #FFFFFF; font-size: 45px; line-height: 1.25; min-height: 150px; border-radius: 75px; position: relative; transform: none; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--list li { font-size: 35px; min-height: 125px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--list li { margin-top: 40px; margin-bottom: 40px; font-size: 30px; min-height: 100px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list li { margin-top: 30px; margin-bottom: 30px; padding-left: 50px; padding-right: 50px; font-size: 25px; min-height: 80px; } }
body#programme-chef .prerequis--list li:before { counter-increment: pick; content: counter(pick); margin-right: 50px; font-size: 50px; font-weight: 600; font-family: "monument-black"; line-height: 1.25; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--list li:before { margin-right: 1.875rem; font-size: 2.5rem; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--list li:before { margin-right: 1.5625rem; font-size: 2.1875rem; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list li:before { margin-right: 1.25rem; font-size: 1.875rem; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list li:before { font-size: 1.5rem; } }
body#programme-chef .prerequis--list li:after { content: ''; margin: auto; backdrop-filter: blur(30px) brightness(85%); border-radius: 75px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list li:after { display: none; } }
body#programme-chef .prerequis--list li:nth-of-type(even) { direction: rtl; text-align: right; }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list li:nth-of-type(even) { direction: unset; text-align: unset; } }
body#programme-chef .prerequis--list li:nth-of-type(even):before { direction: ltr; margin-left: 50px; margin-right: 0; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--list li:nth-of-type(even):before { margin-left: 30px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .prerequis--list li:nth-of-type(even):before { margin-left: 25px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list li:nth-of-type(even):before { margin-left: 20px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list li:nth-of-type(even):before { direction: unset; margin-left: unset; margin-right: 20px; } }
body#programme-chef .prerequis--list-content { direction: ltr; /*
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
*/ width: 100%; position: relative; z-index: 1; }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-content { font-size: 1rem; } }
body#programme-chef .prerequis--list-item1 { margin-left: 125px; }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item1 { margin-left: auto; } }
body#programme-chef .prerequis--list-item1 .prerequis--list-content { max-width: 720px; }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list-item1 .prerequis--list-content { max-width: 440px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item1 .prerequis--list-content { max-width: unset; } }
body#programme-chef .prerequis--list-item2 { margin-left: -160px; max-width: 1200px; }
@media only screen and (max-width: 1699px) { body#programme-chef .prerequis--list-item2 { margin-left: -300px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list-item2 { margin-left: -520px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item2 { margin-left: auto; } }
body#programme-chef .prerequis--list-item2 .prerequis--list-content { max-width: 450px; }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list-item2 .prerequis--list-content { max-width: 380px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item2 .prerequis--list-content { max-width: unset; } }
body#programme-chef .prerequis--list-item3 { margin-left: 280px; }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item3 { margin-left: auto; } }
body#programme-chef .prerequis--list-item3 .prerequis--list-content { max-width: 950px; }
@media only screen and (max-width: 1179px) { body#programme-chef .prerequis--list-item3 .prerequis--list-content { max-width: 420px; } }
@media only screen and (max-width: 991px) { body#programme-chef .prerequis--list-item3 .prerequis--list-content { max-width: unset; } }
body#programme-chef .enseignements { padding-bottom: 165px; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements { padding-bottom: 100px; } }
@media only screen and (max-width: 991px) { body#programme-chef .enseignements { padding-bottom: 65px; } }
body#programme-chef .enseignements--deco { background: url(../images/programme/chef-enseignements.svg) no-repeat center; width: 246px; height: 661px; position: absolute; top: -330px; left: 123px; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--deco { width: 180px; height: 480px; top: -250px; left: 70px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--deco { width: 140px; height: 375px; top: -200px; left: 50px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .enseignements--deco { width: 110px; height: 295px; top: -160px; } }
@media only screen and (max-width: 991px) { body#programme-chef .enseignements--deco { left: 20px; } }
@media only screen and (max-width: 767px) { body#programme-chef .enseignements--deco { width: 80px; height: 212px; top: 25px; left: -10px; } }
@media only screen and (max-width: 575px) { body#programme-chef .enseignements--deco { display: none; } }
body#programme-chef .enseignements--title { margin-bottom: 70px; padding: 0 50px; text-align: right; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--title { font-size: 45px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--title { margin-bottom: 40px; font-size: 35px; } }
@media only screen and (max-width: 991px) { body#programme-chef .enseignements--title { padding: 0; font-size: 30px; text-align: center; } }
body#programme-chef .enseignements--list { margin-bottom: 150px; }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--list { margin-bottom: 70px; } }
@media only screen and (max-width: 991px) { body#programme-chef .enseignements--list { margin-bottom: 150px; } }
@media only screen and (max-width: 767px) { body#programme-chef .enseignements--list { margin-bottom: 30px; } }
body#programme-chef .enseignements--item { padding-top: 7px; padding-bottom: 7px; position: relative; z-index: 2; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--item { font-size: 22px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--item { font-size: 20px; } }
body#programme-chef .enseignements--content { padding: 36px 0; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--content { padding: 25px 0; } }
body#programme-chef .enseignements--content:before { content: ''; opacity: .5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
body#programme-chef .enseignements--content > .container { position: relative; z-index: 1; }
body#programme-chef .enseignements--content-title { margin-bottom: 15px; font-size: 30px; font-weight: 600; font-family: "rota-black"; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--content-title { font-size: 25px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--content-title { font-size: 22px; } }
body#programme-chef .enseignements--content-text { font-size: 25px; font-family: "rota-semibold"; line-height: 1.35; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#programme-chef .enseignements--content-text { font-size: 22px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .enseignements--content-text { font-size: 20px; } }
body#programme-chef .enseignements--content .container { transform: translateX(100px); }
@media only screen and (max-width: 991px) { body#programme-chef .enseignements--content .container { transform: translateX(20px); } }
@media only screen and (max-width: 767px) { body#programme-chef .enseignements--content .container { transform: translateX(0); } }
body#programme-chef .section-content { padding-bottom: 90px; position: relative; z-index: 0; }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content { padding-bottom: 20px; } }
body#programme-chef .section-content:before { content: ''; margin: auto; background: url(../images/programme/bg-block.svg) repeat-x center bottom; height: 225px; position: absolute; top: -208px; left: 0; right: 0; }
body#programme-chef .section-content:after { content: ''; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 0 30px 30px #2E006A; z-index: -1; }
body#programme-chef .section-content .content--wrap { margin: auto; width: 100%; max-width: 1080px; }
body#programme-chef .section-content .content--blk { position: relative; z-index: 0; }
body#programme-chef .section-content .content--blk-1 { margin-bottom: 115px; padding-top: 60px; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-1 { margin-bottom: 85px; padding-top: 30px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-1 { margin-bottom: 65px; } }
body#programme-chef .section-content .content--blk-1:before { content: ''; margin: auto; background: url(../images/programme/block-deco-1.svg) no-repeat center; width: 2371px; height: 832px; position: absolute; top: 30px; left: 0; right: 0; transform: translateX(-72px); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-1:before { width: 2000px; height: 730px; transform: translateX(-120px); } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-1:before { width: 1600px; height: 600px; top: 100px; transform: translateX(-50px); } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--blk-1:before { width: 1350px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-1:before { display: none; width: 1150px; transform: translateX(-30px); } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--blk-1:before { width: 920px; transform: translateX(-30px); } }
body#programme-chef .section-content .content--blk-1:after { content: ''; margin: auto; background: url(../images/programme/chef-debouchees.svg) no-repeat center; width: 250px; height: 368px; position: absolute; top: 190px; left: 0; right: 0; transform: translateX(695px); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-1:after { width: 200px; height: 295px; top: 220px; transform: translateX(585px); } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-1:after { width: 170px; height: 250px; top: 270px; transform: translateX(500px); } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--blk-1:after { width: 150px; height: 225px; transform: translateX(320px); } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-1:after { width: 135px; height: 200px; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--blk-1:after { display: none; } }
body#programme-chef .section-content .content--blk-1 > * { position: relative; z-index: 1; }
body#programme-chef .section-content .content--blk-2 { position: relative; }
body#programme-chef .section-content .content--blk-2:before { content: ''; background: url(../images/programme/block-deco-2.svg) no-repeat center; width: 1365px; height: 1160px; position: absolute; top: -418px; left: -500px; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-2:before { width: 1060px; height: 900px; top: -250px; left: -400px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-2:before { width: 850px; height: 725px; top: -150px; left: -385px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--blk-2:before { width: 750px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-2:before { display: none; width: 650px; left: -255px; } }
body#programme-chef .section-content .content--blk-2:after { content: ''; margin: auto; background: url(../images/programme/chef-formation.svg) no-repeat center; width: 258px; height: 475px; position: absolute; top: -100px; left: 0; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-2:after { width: 180px; height: 335px; top: -50px; left: 150px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-2:after { width: 160px; height: 295px; top: -20px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--blk-2:after { width: 140px; height: 260px; top: -30px; left: 0; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-2:after { width: 120px; height: 220px; top: -50px; left: -30px; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--blk-2:after { display: none; } }
body#programme-chef .section-content .content--blk-2 > * { position: relative; z-index: 1; }
body#programme-chef .section-content .content--blk-2 .content--wrap { max-width: 900px; transform: translateX(330px); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-2 .content--wrap { max-width: 720px; transform: translateX(220px); } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--blk-2 .content--wrap { max-width: 720px; transform: translateX(110px); } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-2 .content--wrap { transform: translateX(0); } }
body#programme-chef .section-content .content--blk-2 .content--title { text-align: center; }
body#programme-chef .section-content .content--blk-2 .content--list { font-size: 34px; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-2 .content--list { margin-top: 30px; font-size: 28px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--blk-2 .content--list { margin-top: 20px; font-size: 25px; max-width: 700px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-2 .content--list { margin-top: 0; font-size: 22px; } }
body#programme-chef .section-content .content--blk-2 .content--item { margin-top: 15px; margin-bottom: 15px; color: #FFFFFF; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--blk-2 .content--item { margin-top: 10px; margin-bottom: 10px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--blk-2 .content--item { margin-top: 5px; margin-bottom: 5px; font-size: 18px; } }
body#programme-chef .section-content .content--blk-2 .content--item a { color: #FFFFFF; }
body#programme-chef .section-content .content--title { margin-bottom: 50px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--title { margin-bottom: 30px; font-size: 45px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--title { font-size: 35px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--title { text-align: center; } }
body#programme-chef .section-content .content--desc { font-size: 30px; font-family: "rota-bold"; }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--desc { font-size: 26px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--desc { font-size: 24px; text-align: center; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--desc { font-size: 20px; } }
body#programme-chef .section-content .content--list { margin-top: 50px; font-size: 25px; }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--list { margin-top: 30px; font-size: 22px; max-width: 920px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--list { font-size: 20px; max-width: 800px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--list { margin-left: auto; margin-right: auto; font-size: 18px; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--list { font-size: 16px; } }
body#programme-chef .section-content .content--item-title { margin-bottom: 30px; font-size: 30px; }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--item-title { font-size: 25px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--item-title { font-size: 22px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--item-title { margin-bottom: 20px; font-size: 20px; } }
@media only screen and (max-width: 767px) { body#programme-chef .section-content .content--item-title { font-size: 18px; } }
body#programme-chef .section-content .content--item dl { margin: 0; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
@media only screen and (max-width: 1699px) { body#programme-chef .section-content .content--item dl { font-size: 22px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .section-content .content--item dl { font-size: 20px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .section-content .content--item dl { font-size: 18px; } }
@media only screen and (max-width: 991px) { body#programme-chef .section-content .content--item dl { font-size: 16px; } }
body#programme-chef .section-content .content--item dt { display: inline; }
body#programme-chef .section-content .content--item dd { display: inline; }
body#programme-chef .subscribe { padding-top: 180px; min-height: 650px; position: relative; z-index: 0; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe { min-height: 590px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe { padding-top: 110px; min-height: 540px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe { padding-top: 95px; min-height: 340px; } }
@media only screen and (max-width: 767px) { body#programme-chef .subscribe { padding-bottom: 120px; } }
body#programme-chef .subscribe:before { content: ''; background: url(../images/programme/subscribe-mask.svg) no-repeat center; width: 1885px; height: 800px; position: absolute; top: 0; left: 190px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe:before { top: 35px; left: 0; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe:before { top: 0; left: -150px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe:before { top: -65px; left: -70px; width: 1435px; transform: rotateY(180deg); } }
body#programme-chef .subscribe--deco-1 { background: url(../images/programme/subscribe-deco-1.svg) no-repeat center; width: 146px; height: 153px; position: absolute; left: 400px; bottom: 250px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--deco-1 { width: 125px; height: 132px; left: 300px; bottom: 270px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--deco-1 { width: 100px; height: 100px; left: 190px; bottom: 320px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe--deco-1 { display: none; left: -20px; bottom: 85px; } }
body#programme-chef .subscribe--deco-2 { background: url(../images/programme/subscribe-deco-2.svg) no-repeat center; width: 328px; height: 210px; position: absolute; left: 920px; bottom: 80px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--deco-2 { width: 275px; height: 177px; left: 760px; bottom: 100px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--deco-2 { width: 225px; height: 145px; left: 700px; bottom: 125px; } }
@media only screen and (max-width: 1179px) { body#programme-chef .subscribe--deco-2 { left: 640px; bottom: 110px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe--deco-2 { display: none; left: unset; right: -20px; } }
body#programme-chef .subscribe--deco-3 { background: url(../images/programme/subscribe-deco-3.svg) no-repeat center; width: 113px; height: 109px; position: absolute; right: 160px; bottom: 125px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--deco-3 { width: 95px; height: 92px; right: 155px; bottom: 105px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--deco-3 { width: 80px; height: 75px; right: 105px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe--deco-3 { display: none; right: 400px; bottom: -10px; } }
body#programme-chef .subscribe--wrap { margin: auto; width: 100%; max-width: 1080px; transform: translateX(228px); }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--wrap { max-width: 920px; transform: translateX(185px); } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--wrap { max-width: 800px; transform: translateX(135px); } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe--wrap { transform: translateX(0); } }
body#programme-chef .subscribe--title { margin-bottom: 50px; font-size: 40px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--title { margin-bottom: 30px; font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--title { font-size: 30px; } }
@media only screen and (max-width: 767px) { body#programme-chef .subscribe--title { text-align: center; } }
body#programme-chef .subscribe--desc { margin-right: 70px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); width: 590px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--desc { margin-right: 40px; font-size: 22px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--desc { margin-right: 30px; font-size: 20px; } }
@media only screen and (max-width: 991px) { body#programme-chef .subscribe--desc { width: 480px; } }
@media only screen and (max-width: 767px) { body#programme-chef .subscribe--desc { text-align: center; width: 100%; } }
body#programme-chef .subscribe--img { width: 140px; height: 250px; position: absolute; top: 50%; right: -140px; }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe--img { width: 120px; height: 200px; right: -120px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe--img { width: 100px; height: 155px; right: -100px; } }
@media only screen and (max-width: 767px) { body#programme-chef .subscribe--img { display: none; text-align: center; } }
@media only screen and (max-width: 1699px) { body#programme-chef .subscribe .btn-style-1 { padding: .3rem .65rem; font-size: 22px; } }
@media only screen and (max-width: 1399px) { body#programme-chef .subscribe .btn-style-1 { padding: .25rem .5rem; font-size: 20px; } }
body#programme-chef footer { margin-top: -200px; }
@media only screen and (max-width: 991px) { body#programme-chef footer:before { bottom: 50px; transform: translateX(-750px) translateY(-50px); } }
body#les-metiers:before { content: ''; margin: 0 auto; background: url(../images/les-metiers/bg-mask2.svg) no-repeat center; width: 3304px; max-height: 2957px; position: absolute; top: 290px; left: 0; right: 0; bottom: 0; transform: translateX(-950px); z-index: -1; }
@media only screen and (max-width: 1699px) { body#les-metiers:before { background-size: 70%; } }
@media only screen and (max-width: 1179px) { body#les-metiers:before { background-size: 45%; top: -300px; } }
body#les-metiers .landing { padding-top: 245px; padding-bottom: 386px; text-align: right; position: relative; z-index: 0; }
@media only screen and (max-width: 1699px) { body#les-metiers .landing { padding-bottom: 135px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing { padding-top: 75px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing { padding-bottom: 20px; } }
body#les-metiers .landing:before { content: ''; background: url(../images/les-metiers/bg-mask1.svg) no-repeat center; width: 3660px; height: 1295px; position: absolute; top: -75px; left: -1115px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#les-metiers .landing:before { background-size: 60%; top: -225px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing:before { background-size: 35%; top: -510px; left: -1235px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing:before { display: none; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing > .container-fluid { padding-top: .75rem; padding-bottom: 1rem; background: #6717CD; background: linear-gradient(180deg, #6717CD 0%, #A65DFA 100%); z-index: unset; } }
body#les-metiers .landing--deco-1 { pointer-events: none; background: url(../images/les-metiers/deco1.svg) no-repeat center; width: 2210px; height: 2321px; position: absolute; top: -1370px; left: -1470px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#les-metiers .landing--deco-1 { background-size: 70%; top: -1100px; left: -1430px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .landing--deco-1 { background-size: 55%; top: -1040px; left: -1360px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing--deco-1 { background-size: 40%; top: -1170px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing--deco-1 { top: -1200px; z-index: 1; } }
body#les-metiers .landing--deco-2 { pointer-events: none; background: url(../images/les-metiers/deco2.svg) no-repeat center; width: 1333px; height: 1445px; position: absolute; top: -250px; right: -775px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#les-metiers .landing--deco-2 { background-size: 70%; top: -335px; right: -760px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .landing--deco-2 { background-size: 50%; right: -850px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing--deco-2 { background-size: 35%; top: -535px; right: -800px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing--deco-2 { z-index: 1; } }
body#les-metiers .landing--wrap { margin: auto; max-width: 1020px; position: relative; z-index: 1; }
@media only screen and (max-width: 1399px) { body#les-metiers .landing--wrap { max-width: 720px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .landing--wrap { max-width: 600px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing--wrap { text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); max-width: 435px; } }
body#les-metiers .landing--title { margin-bottom: 50px; font-size: 60px; font-family: "monument-regular"; }
@media only screen and (max-width: 1399px) { body#les-metiers .landing--title { font-size: 50px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .landing--title { margin-bottom: 20px; font-size: 40px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing--title { font-size: 32px; text-align: center; } }
body#les-metiers .landing--content { font-family: "rota-semibold"; line-height: 1.3; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); max-width: 950px; }
@media only screen and (max-width: 991px) { body#les-metiers .landing--content { text-align: center; } }
body#les-metiers .landing--img { width: 183px; height: 640px; position: absolute; top: -75px; right: 100px; }
@media only screen and (max-width: 1699px) { body#les-metiers .landing--img { width: 145px; height: 307px; top: -95px; right: 45px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .landing--img { width: 95px; height: 332px; top: -15px; right: 25px; } }
@media only screen and (max-width: 991px) { body#les-metiers .landing--img { width: 70px; height: 245px; top: -15px; right: 75px; } }
@media only screen and (max-width: 767px) { body#les-metiers .landing--img { display: none; } }
body#les-metiers .sec1 { margin-top: 140px; }
@media only screen and (max-width: 1179px) { body#les-metiers .sec1 { margin-top: 0; } }
body#les-metiers .sec1:before { content: ''; background: url(../images/les-metiers/deco3.svg) no-repeat center; width: 463px; height: 540px; position: absolute; left: -235px; bottom: 0; z-index: -1; }
@media only screen and (max-width: 1699px) { body#les-metiers .sec1:before { background-size: 80%; left: -190px; } }
body#les-metiers .sec1--title { margin-bottom: 40px; font-size: 40px; font-family: "monument-regular"; }
@media only screen and (max-width: 1399px) { body#les-metiers .sec1--title { font-size: 35px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .sec1--title { margin-bottom: 25px; font-size: 30px; } }
@media only screen and (max-width: 991px) { body#les-metiers .sec1--title { font-size: 24px; } }
body#les-metiers .sec1--content { padding: 0 50px; }
@media only screen and (max-width: 1699px) { body#les-metiers .sec1--content { padding: 0; } }
@media only screen and (max-width: 991px) { body#les-metiers .sec1--content { margin: auto; max-width: 90%; } }
body#les-metiers .sec1--item { margin: 0 15px; border-radius: 50px; position: relative; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#les-metiers .sec1--item { margin: 0; } }
@media only screen and (max-width: 767px) { body#les-metiers .sec1--item { border-radius: 20px; } }
body#les-metiers .sec1--item:hover .sec1--name { opacity: 0; }
body#les-metiers .sec1--item:hover .sec1--mask { transform: translateY(0); }
body#les-metiers .sec1--thumb { padding-bottom: 160%; width: 100%; border-radius: 50px; position: relative; overflow: hidden; }
@media only screen and (max-width: 767px) { body#les-metiers .sec1--thumb { border-radius: 20px; } }
body#les-metiers .sec1--thumb img { object-fit: cover; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 767px) { body#les-metiers .sec1--thumb img { border-radius: 20px; } }
body#les-metiers .sec1--name { padding: 0; color: #FFFFFF; font-size: 21px; font-weight: 600; font-family: "rota-bold"; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); line-height: 1; text-align: center; max-height: 100%; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; transition: opacity .3s ease; overflow: hidden; }
body#les-metiers .sec1--text { position: absolute; left: 0; right: 0; bottom: 0; }
body#les-metiers .sec1--mask { margin: auto; color: #FFFFFF; font-size: 21px; font-weight: 500; font-family: "rota-bold"; text-align: center; border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: transform .5s ease; overflow: hidden; }
@media only screen and (max-width: 767px) { body#les-metiers .sec1--mask { border-radius: 20px; } }
body#les-metiers .sec1--mask:before { content: ''; margin: auto; background: linear-gradient(to bottom, rgba(109, 29, 209, 0.5) 20%, rgba(216, 113, 209, 0.5) 100%); border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 767px) { body#les-metiers .sec1--mask:before { border-radius: 20px; } }
body#les-metiers .sec1--mask-wrap { padding: 0 15px; max-height: 100%; position: relative; z-index: 1; }
body#les-metiers .sec1--mask-text { font-size: .85rem; }
body#les-metiers .sec1--mask-desc { margin-top: .5rem; font-size: .5rem; }
body#les-metiers .sec2 { padding-bottom: 75px; }
@media only screen and (max-width: 1179px) { body#les-metiers .sec2 { padding-bottom: 0; } }
@media only screen and (max-width: 991px) { body#les-metiers .sec2 { padding-top: 25px; padding-bottom: 50px; } }
body#les-metiers .sec2--img { width: 385px; height: 543px; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 1699px) { body#les-metiers .sec2--img { width: 300px; height: 423px; top: 100px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .sec2--img { width: 220px; height: 310px; top: 45px; } }
@media only screen and (max-width: 991px) { body#les-metiers .sec2--img { margin: auto; width: 170px; height: 240px; position: static; top: unset; } }
@media only screen and (max-width: 767px) { body#les-metiers .sec2--img { width: 125px; height: 177px; } }
body#les-metiers .sec2--wrap { margin: auto; padding-top: 170px; max-width: 865px; transform: translateX(178px); }
@media only screen and (max-width: 1179px) { body#les-metiers .sec2--wrap { padding-top: 125px; } }
@media only screen and (max-width: 991px) { body#les-metiers .sec2--wrap { padding-top: 25px; transform: none; } }
body#les-metiers .sec2--desc { margin: auto; font-size: 40px; font-family: "monument-regular"; text-align: center; }
@media only screen and (max-width: 1399px) { body#les-metiers .sec2--desc { font-size: 35px; } }
@media only screen and (max-width: 1179px) { body#les-metiers .sec2--desc { font-size: 30px; } }
@media only screen and (max-width: 767px) { body#les-metiers .sec2--desc { font-size: 20px; } }
body#les-metiers .sec2--lnk { margin-top: 32px; text-align: center; }
body#les-metiers footer { margin-top: 70px; }
body#metiers-detail .section-lead { min-height: 785px; }
@media only screen and (max-width: 1699px) { body#metiers-detail .section-lead { min-height: 695px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .section-lead { min-height: 540px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .section-lead { min-height: 400px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .section-lead { min-height: 320px; } }
body#metiers-detail .lead--deco { background: url(../images/metier-detail/lead-deco.svg) no-repeat center; width: 1349px; height: 1075px; position: absolute; top: -655px; right: -245px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .lead--deco { width: 1000px; height: 794px; top: -400px; right: -100px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .lead--deco { width: 750px; height: 600px; top: -270px; } }
body#metiers-detail .lead--photo { pointer-events: none; width: 1255px; height: 1127px; position: absolute; top: -340px; left: -80px; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .lead--photo { width: 1050px; height: 945px; top: -250px; left: -200px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .lead--photo { width: 820px; height: 775px; top: -220px; left: -125px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .lead--photo { width: 620px; height: 560px; top: -130px; left: -145px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .lead--photo { width: 500px; height: 450px; top: -100px; left: -115px; } }
@media only screen and (max-width: 767px) { body#metiers-detail .lead--photo { width: 370px; height: 340px; top: -80px; left: -75px; } }
body#metiers-detail .lead--photo svg { margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
body#metiers-detail .lead--wrap { margin-right: 75px; padding-top: 145px; text-align: right; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); max-width: 930px; position: relative; z-index: 1; }
@media only screen and (max-width: 1399px) { body#metiers-detail .lead--wrap { margin-right: 0; padding-top: 95px; max-width: 860px; } }
body#metiers-detail .lead--title { margin-bottom: 111px; font-size: 40px; font-family: "monument-regular"; }
@media only screen and (max-width: 1699px) { body#metiers-detail .lead--title { margin-bottom: 70px; font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .lead--title { margin-bottom: 50px; font-size: 30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .lead--title { margin-bottom: 30px; font-size: 25px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .lead--title { margin-bottom: 20px; font-size: 1.15rem; text-align: center; } }
body#metiers-detail .lead--desc { font-size: 30px; font-family: "rota-semibold"; width: 93%; }
@media only screen and (max-width: 1699px) { body#metiers-detail .lead--desc { font-size: 25px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .lead--desc { font-size: 20px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .lead--desc { font-size: 17px; width: 85%; } }
@media only screen and (max-width: 991px) { body#metiers-detail .lead--desc { font-size: 1rem; text-align: center; width: 100%; } }
body#metiers-detail .sec1 { padding-top: 105px; }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1 { padding-top: 65px; } }
body#metiers-detail .sec1--deco-1 { background: url(../images/metier-detail/competences-deco-1.svg) no-repeat center; width: 1349px; height: 1131px; position: absolute; top: -80px; left: -450px; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--deco-1 { width: 1150px; height: 965px; top: -30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--deco-1 { width: 1020px; height: 850px; top: 0; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--deco-1 { width: 800px; height: 670px; top: 40px; left: -400px; } }
body#metiers-detail .sec1--deco-2 { background: url(../images/metier-detail/competences-deco-2.svg) no-repeat center; width: 454px; height: 525px; position: absolute; top: -70px; right: -70px; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--deco-2 { width: 375px; height: 435px; top: -25px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--deco-2 { width: 325px; height: 375px; top: -15px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1--deco-2 { width: 275px; height: 315px; top: 25px; right: -35px; } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1--deco-2 { top: -25px; right: -40px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--deco-2 { display: none; } }
body#metiers-detail .sec1--wrap { margin: auto; max-width: 1440px; position: relative; z-index: 2; }
body#metiers-detail .sec1--title { margin-bottom: 65px; font-size: 40px; font-family: "monument-regular"; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--title { margin-bottom: 45px; font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--title { margin-bottom: 30px; font-size: 30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--title { font-size: 25px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1--title { font-size: 20px; } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1--title { font-size: 1.15rem; } }
body#metiers-detail .sec1--desc { font-size: 30px; font-family: "rota-semibold"; max-width: 540px; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--desc { font-size: 25px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--desc { font-size: 20px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--desc { font-size: 17px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1--desc { font-size: 1rem; } }
body#metiers-detail .sec1--salary { padding-top: 92px; padding-left: 70px; align-items: start; justify-content: end; }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--salary { padding-top: 50px; padding-left: 30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--salary { align-items: end; padding-top: 20px; padding-left: 20px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--salary { margin-bottom: 1rem; padding-top: 0; padding-left: 0; align-items: center; justify-content: center; text-align: center; } }
body#metiers-detail .sec1--subtitle { margin-bottom: 50px; font-size: 40px; font-family: "monument-regular"; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--subtitle { margin-bottom: 30px; font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--subtitle { margin-bottom: 25px; font-size: 30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--subtitle { margin-bottom: 20px; font-size: 25px; } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1--subtitle { margin-bottom: 15px; font-size: 1.15rem; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--subtitle { margin-bottom: 10px; } }
body#metiers-detail .sec1 dl { font-size: 35px; font-family: "rota-semibold"; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 dl { font-size: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1 dl { margin-bottom: 0; font-size: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1 dl { font-size: 22px; } }
body#metiers-detail .sec1 dt { margin-bottom: 15px; padding-bottom: 20px; position: relative; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 dt { margin-bottom: 10px; padding-bottom: 15px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1 dt { margin-bottom: 5px; padding-bottom: 10px; } }
body#metiers-detail .sec1 dt:before { content: ''; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 dt:before { height: 3px; } }
body#metiers-detail .sec1 dd { text-align: right; }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1 dd { text-align: center; } }
body#metiers-detail .sec1--blk { margin-top: 65px; padding-right: 10%; position: relative; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--blk { margin-top: 50px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--blk { margin-top: 35px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--blk { margin-top: 30px; padding-right: 5%; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--blk { padding-right: 0; } }
body#metiers-detail .sec1--blk > * { position: relative; z-index: 2; }
body#metiers-detail .sec1 ul { list-style: none; display: flex; flex-wrap: wrap; font-size: 35px; font-family: "rota-semibold"; width: 90%; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 ul { font-size: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1 ul { font-size: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1 ul { margin: 0; padding: 0; font-size: 20px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1 ul { display: block; width: 85%; font-size: 18px; } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1 ul { font-size: 1rem; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1 ul { width: 100%; } }
body#metiers-detail .sec1 li { flex: 0 0 50%; margin: 10px 0; padding-left: 55px; padding-right: 20px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); max-width: 50%; position: relative; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 li { padding-left: 50px; padding-right: 15px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1 li { margin: 5px 0; padding-left: 40px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1 li { padding-left: 30px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1 li { flex: unset; max-width: unset; } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1 li { margin: 3px 0; } }
body#metiers-detail .sec1 li:before { content: ''; background: url(../images/metier-detail/icon-check.png) no-repeat center/100%; width: 32px; height: 32px; position: absolute; top: 0; left: 0; transform: translateY(2px); }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1 li:before { width: 28px; height: 28px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1 li:before { width: 22px; height: 22px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1 li:before { width: 18px; height: 18px; transform: translateY(1px); } }
@media only screen and (max-width: 767px) { body#metiers-detail .sec1 li:before { width: 16px; height: 16px; transform: none; } }
body#metiers-detail .sec1--img-1 { margin-top: 87px; margin-left: -12px; width: 646px; height: 507px; position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--img-1 { margin-top: 65px; margin-left: -5px; width: 550px; height: 435px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--img-1 { margin-top: 45px; margin-left: 5px; width: 450px; height: 355px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--img-1 { margin-top: 30px; width: 380px; height: 300px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1--img-1 { width: 300px; height: 235px; top: 5px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--img-1 { margin: auto; margin-top: 1.5rem; width: 60%; height: auto; top: 0; } }
body#metiers-detail .sec1--img-2 { width: 366px; height: 569px; position: absolute; top: -160px; right: -60px; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec1--img-2 { width: 300px; height: 468px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec1--img-2 { width: 235px; height: 365px; top: -120px; right: -30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec1--img-2 { width: 200px; height: 315px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec1--img-2 { width: 170px; height: 265px; top: -55px; right: -30px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec1--img-2 { display: none; } }
body#metiers-detail .sec2 { padding-top: 64px; min-height: 750px; position: relative; z-index: 0; }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2 { min-height: 655px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2 { padding-top: 40px; min-height: 650px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2 { min-height: 550px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec2 { padding-bottom: 70px; min-height: unset; } }
body#metiers-detail .sec2:before { content: ''; background: url(../images/metier-detail/bg-formation.svg) no-repeat center; width: 3660px; height: 1295px; position: absolute; top: -500px; left: -480px; z-index: -1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2:before { width: 2950px; height: 1050px; top: -330px; left: -400px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2:before { width: 2000px; height: 1050px; top: -420px; left: -500px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2:before { width: 1550px; height: 550px; top: -210px; left: -230px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2:before { width: 1050px; height: 400px; top: -140px; left: -240px; } }
body#metiers-detail .sec2--deco { pointer-events: none; background: url(../images/metier-detail/formation-deco.svg) no-repeat center; width: 1948px; height: 2213px; position: absolute; top: -850px; right: -1212px; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--deco { width: 1500px; height: 1705px; top: -650px; right: -900px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--deco { width: 1250px; height: 1395px; right: -760px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--deco { width: 950px; height: 1080px; top: -380px; right: -500px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--deco { width: 740px; height: 840px; top: -300px; right: -420px; } }
body#metiers-detail .sec2--title { margin-bottom: 50px; font-size: 40px; font-family: "monument-regular"; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); position: relative; z-index: 1; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--title { margin-bottom: 30px; font-size: 35px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--title { font-size: 30px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--title { margin-bottom: 10px; font-size: 25px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--title { font-size: 1.25rem; } }
body#metiers-detail .sec2--title strong { filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.75)); }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--title strong { background-color: #191919; background-image: none; } }
body#metiers-detail .sec2--wrap { padding-top: 130px; width: 100%; min-height: 670px; position: relative; }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--wrap { padding-top: 30px; min-height: 410px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--wrap { padding-top: 20px; min-height: 345px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec2--wrap { min-height: unset; } }
body#metiers-detail .sec2--img { width: 429px; height: 671px; position: absolute; left: 0; bottom: 0; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--img { width: 360px; height: 565px; left: -120px; bottom: 20px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--img { width: 260px; height: 410px; left: -180px; bottom: 0; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--img { width: 200px; height: 315px; top: 185px; left: unset; right: -110px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--img { display: none; width: 170px; height: 270px; top: 125px; right: -10px; } }
@media only screen and (max-width: 575px) { body#metiers-detail .sec2--img { display: none; width: 100px; height: 157px; top: 145px; } }
body#metiers-detail .sec2--list { width: 1080px; position: relative; z-index: 2; }
body#metiers-detail .sec2--item { background: url(../images/no-image.png) no-repeat center; width: 250px; height: 400px; border-radius: 50px; position: relative; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--item { padding-top: 150%; width: 100%; height: unset; border-radius: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--item { border-radius: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--item { border-radius: 20px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--item { border-radius: 15px; } }
body#metiers-detail .sec2--item:hover .sec2--content { opacity: 0; }
body#metiers-detail .sec2--item:hover .sec2--mask { transform: translateY(0); }
body#metiers-detail .sec2--item img { object-fit: cover; margin: auto; width: 100%; height: 100%; border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--item img { border-radius: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--item img { border-radius: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--item img { border-radius: 20px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--item img { border-radius: 15px; } }
body#metiers-detail .sec2--content { margin: auto; padding: 30px 10px; text-align: center; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--content { padding: 20px 10px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--content { padding: 20px 10px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--content { padding: 15px 10px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--content { padding: 10px 5px; } }
body#metiers-detail .sec2--mask { margin: auto; color: #FFFFFF; font-size: 21px; font-weight: 500; font-family: "rota-bold"; text-align: center; border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: transform .5s ease; overflow: hidden; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--mask { border-radius: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--mask { border-radius: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--mask { border-radius: 20px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--mask { border-radius: 15px; } }
body#metiers-detail .sec2--mask:before { content: ''; margin: auto; background: linear-gradient(to bottom, rgba(109, 29, 209, 0.5) 20%, rgba(216, 113, 209, 0.5) 100%); border-radius: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 1px 0px rgba(109, 29, 209, 0.5); }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--mask:before { border-radius: 30px; } }
@media only screen and (max-width: 1399px) { body#metiers-detail .sec2--mask:before { border-radius: 25px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--mask:before { border-radius: 20px; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--mask:before { border-radius: 15px; } }
body#metiers-detail .sec2--mask-wrap { padding: 0 15px; max-height: 100%; position: relative; z-index: 1; }
body#metiers-detail .sec2--mask-caption { margin-bottom: .15rem; }
body#metiers-detail .sec2--mask-text { font-size: 1.15rem; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--mask-text { font-size: 1.05rem; } }
body#metiers-detail .sec2--mask-desc { margin-top: .5rem; font-size: .5rem; }
body#metiers-detail .sec2--name { color: #FFFFFF; font-size: 25px; font-family: "rota-bold"; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--name { font-size: 22px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--name { font-size: 1.15rem; } }
@media only screen and (max-width: 991px) { body#metiers-detail .sec2--name { font-size: 1rem; } }
body#metiers-detail .sec2--desc { color: #FFFFFF; font-size: 20px; font-family: "rota-semibold"; }
@media only screen and (max-width: 1699px) { body#metiers-detail .sec2--desc { font-size: 17px; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--desc { font-size: 1rem; } }
@media only screen and (max-width: 1179px) { body#metiers-detail .sec2--desc { font-size: .9rem; } }
body#metiers-detail footer { margin-top: 45px; }
@media only screen and (max-width: 1179px) { body#metiers-detail footer { margin-top: -145px; } }
@media only screen and (max-width: 991px) { body#metiers-detail footer { margin-top: -80px !important; } }
@media only screen and (max-width: 575px) { body#metiers-detail footer { margin-top: unset !important; } }

.scrollable--height { position: relative; }
.scrollable--height .slider-scroll-text { margin-top: 15px; text-align: right; position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; }
.scrollable--height .slider-scroll-text.active { opacity: 1; visibility: visible; }