.site .metiers{--texte-chapo:#3c4842;--filet-blanc:#eceee8;--texte-foret-clair:#c9d5cd}.site .metiers-tete-contenu{display:flex;flex-direction:column;gap:16px;padding:12px 16px 0}.site .metiers-rubrique{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700}.site .metiers-points{display:flex;gap:3px}.site .metiers-points span{width:10px;height:10px;border-radius:50%;background:var(--citron)}.site .metiers-points span+span{background:var(--foret)}.site .metiers-tete h1{max-width:640px;margin:0;font-size:44px;font-weight:800;line-height:1.02;letter-spacing:-.055em;animation:site-montee .9s .1s var(--courbe) backwards}.site .metiers-surligne{display:inline-block;padding:0 10px 3px;border-radius:12px;background:var(--citron);transform:rotate(-2deg)}.site .metiers-intro{max-width:560px;margin:0;font-size:17px;color:var(--texte-chapo);animation:site-montee .9s .3s var(--courbe) backwards}.site .metiers-etoile{display:block;flex:0 0 auto;transform-origin:center;animation:metiers-scintille 5s ease-in-out infinite}.site .metiers-liste{padding:28px 12px 0}.site .metiers-liste>ul{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.site .metier{display:flex;flex-direction:column;padding:20px 20px 8px;border-radius:26px;background:var(--blanc);color:var(--encre)}.site .metier-foret{background:var(--foret);color:var(--blanc)}.site .metier-tuile{display:none}.site .metier-corps{display:flex;flex-direction:column;gap:10px}.site .metier-entete{display:flex;justify-content:space-between;align-items:center;gap:12px}.site .metier h2{margin:0;font-size:22px;font-weight:800;line-height:inherit;letter-spacing:-.03em}.site .metier-numero{font-size:13px;font-weight:800;color:var(--texte-chapo)}.site .metier ul{margin:0;padding:0;list-style:none}.site .metier li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--filet-blanc);font-size:15px;color:var(--texte-chapo)}.site .metier li:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--citron)}.site .metier-foret .metier-numero,.site .metier-foret li{color:var(--texte-foret-clair)}.site .metier-foret li{border-top-color:var(--filet-foret)}.site .metiers-autre{margin:44px 12px 12px}.site .metiers-autre-cadre{padding:28px 20px 20px;border-radius:32px;background:var(--encre);color:var(--blanc)}.site .metiers-autre-cadre,.site .metiers-autre-texte{display:flex;flex-direction:column;gap:12px}.site .metiers-autre h2{margin:0;font-size:34px;font-weight:800;line-height:1.04;letter-spacing:-.05em}.site .metiers-autre p{margin:0;font-size:15px;color:var(--texte-foret-clair)}.site .metiers-bouton{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;padding:0 7px 0 24px;border-radius:999px;background:var(--citron);font-size:16px;font-weight:700;text-decoration:none}.site .metiers-bouton,.site .metiers-bouton:hover{color:var(--encre)}.site .metiers-bouton .rond{width:46px;height:46px;background:var(--foret)}.site .metiers-bouton:hover{translate:0 -3px;box-shadow:0 14px 28px -12px rgb(14 26 20/.5)}.site .metiers-bouton:active{translate:0 0;scale:.96;box-shadow:0 4px 10px -6px rgb(14 26 20/.4);transition-duration:.08s}@media (hover:none){.site .metiers-bouton:hover{translate:none;box-shadow:none}}@media (min-width:640px){.site .metiers-tete-contenu{gap:20px;padding:24px 32px 0}.site .metiers-tete h1{font-size:64px}.site .metiers-intro{font-size:19px}.site .metiers-liste{padding:28px 28px 0}.site .metiers-liste>ul{grid-template-columns:repeat(2,1fr)}.site .metiers-autre{margin:44px 28px 28px}.site .metiers-autre h2{font-size:46px}.site .metiers-bouton{align-self:flex-start;justify-content:flex-start;width:auto}}@media (min-width:1100px){.site .metiers-tete{max-width:calc(1280px + 64px);margin:0 auto;padding:0 32px}.site .metiers-tete-contenu{position:relative;align-items:center;gap:24px;padding:80px 0;border-top:1px solid var(--filet);text-align:center}.site .metiers-tete-contenu>.seulement-ordi:first-child{position:absolute;top:110px;right:90px}.site .metiers-rubrique{font-size:14px}.site .metiers-points span{width:12px;height:12px}.site .metiers-tete h1{max-width:940px;font-size:76px;letter-spacing:-.05em}.site .metiers-surligne{padding:0 14px 4px;border-radius:16px}.site .metiers-intro{max-width:620px;font-size:20px;text-wrap:pretty}.site .metiers-bandeau{margin:0 -20px 96px;padding:20px 0;overflow:hidden;background:var(--foret);color:var(--blanc);transform:rotate(-1.5deg)}.site .metiers-defile{display:flex;align-items:center;width:max-content;font-size:28px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;animation:metiers-defile 36s linear infinite}.site .metiers-bandeau-mot{display:flex;align-items:center;gap:34px;padding-right:34px}.site .metiers-liste{max-width:calc(1280px + 64px);margin:0 auto;padding:0 32px 120px}.site .metiers-liste>ul{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:20px}.site .metier,.site .metier-foret{padding:12px;border-radius:32px;background:var(--blanc);color:var(--encre);transition:translate .45s var(--courbe),rotate .45s var(--courbe),box-shadow .45s var(--courbe)}.site .metier-tuile{display:flex;align-items:center;justify-content:center;height:200px;border-radius:24px}.site .metier-tuile svg{transition:rotate .5s var(--courbe),scale .5s var(--courbe)}.site .tuile-citron{background:var(--citron)}.site .tuile-foret{background:var(--foret)}.site .tuile-vert-pale{background:var(--vert-pale)}.site .tuile-encre{background:var(--encre)}.site .metier-corps{gap:14px;padding:24px 18px 18px}.site .metier h2{font-size:28px}.site .metier-numero{display:none}.site .metier ul{display:flex;flex-direction:column;gap:8px}.site .metier li,.site .metier-foret li{display:block;padding:0;border:0;font-size:16px;color:var(--texte-chapo)}.site .metier li:before{content:none}.site .metiers-autre{max-width:calc(1280px + 64px);margin:0 auto;padding:0 32px 120px}.site .metiers-autre-cadre{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:64px;border-radius:40px}.site .metiers-autre-texte{max-width:680px}.site .metiers-autre h2{line-height:1.05;letter-spacing:-.045em}.site .metiers-autre p{font-size:18px;color:var(--texte-foret)}.site .metiers-bouton{align-self:auto;gap:14px;padding:0 8px 0 26px;font-weight:800}.site .metiers-bouton .rond{width:44px;height:44px;background:var(--encre)}}@media (min-width:1100px) and (hover:hover){.site .metier:hover{translate:0 -6px;rotate:-.5deg;box-shadow:0 22px 44px -18px rgb(14 26 20/.35)}.site .metier:hover .metier-tuile svg{rotate:-6deg;scale:1.12}}@keyframes metiers-defile{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes metiers-scintille{0%,to{scale:1;rotate:0deg}50%{scale:1.2;rotate:30deg}}