@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";body{font-family:Montserrat,sans-serif;color:var(--text)}h1,h2,h3,h4,h5{font-weight:100;margin-top:0}h2{font-size:2.5rem;line-height:3rem;color:var(--color-primary);font-weight:800}h2:after{content:"";background-color:var(--color-primary);width:100px;height:5px;display:block;margin:40px 0}h3{font-size:1.5rem;line-height:2rem;color:var(--color-primary);font-weight:300}p{font-weight:300;line-height:1.5rem}.container{margin:0 auto;padding:0 1.5rem;max-width:60.8rem}@media (min-width: 46.25em){.container{padding:0 2.4rem}}.container>div{margin:3rem auto}@media (min-width: 46.25em){.container>div{flex-direction:row;margin:6rem auto}}button{font-family:Montserrat,sans-serif;padding:16px 28px;background-color:transparent;border:none;font-size:1rem;cursor:pointer}button.btn-primary{color:var(--text);border:solid 1px var(--light)}button.btn-primary:hover{background-color:var(--color-primary)}button.btn-secondary{color:var(--extra-dark);background-color:var(--text);border:solid 1px var(--light)}button.btn-secondary:hover{background-color:var(--extra-dark);color:var(--text);border:solid 1px var(--light)}button.btn-ternary{color:#f8f8f8;background-color:#007aff}button.btn-ternary:hover{background-color:#0c1221}a,button{color:var(--text)}body{background-color:var(--extra-dark);margin:0;overflow:auto;padding-bottom:2rem;scroll-padding-bottom:3rem;scroll-padding-top:3rem;padding-top:3rem}.section{opacity:0;transition:opacity .3s ease-in-out}.section.visible{opacity:1}.competence .presentation-competence{display:flex;flex-direction:column;gap:3rem;margin-bottom:0}@media (min-width: 61.25em){.competence .presentation-competence{flex-direction:row}}.competence .presentation-competence .competence-text{min-width:33% h2;min-width-margin-left:0}.competence .titre-competence,.competence .competence-mansonry{margin-top:0}.flip-card{background-color:#fff;padding:1rem}.flip-card p{color:#333}.flip-card .tag{background-color:var(--secondary);position:relative;top:-16px;left:-16px;padding:.5rem;font-size:.75rem}.my-masonry-grid{display:flex;margin-left:-2rem;width:auto;gap:1.5rem}.my-masonry-grid_column>div{margin-bottom:1.5rem}.masonry-wrapper{position:relative;width:100%}.my-masonry-grid{display:flex;width:auto;padding-left:2rem}.my-masonry-grid_column{background-clip:padding-box}.my-masonry-grid_item{margin-bottom:15px;transition:transform .3s ease,opacity .3s ease;will-change:transform,opacity}.filter-container{margin-bottom:2rem;display:flex;gap:1rem;align-items:start}.filter-container .filter-buttons{display:flex;flex-direction:row;gap:1rem;max-width:100%;overflow-x:scroll;scrollbar-color:transparent transparent;scrollbar-width:thin;padding-bottom:.25rem}.filter-container .filter-buttons .filter-button{color:var(--text);white-space:nowrap;padding:.5rem 1rem;border:solid 1px;border-radius:3rem;font-size:.75rem}.filter-container .filter-buttons .filter-button:hover,.filter-container .filter-buttons .filter-button.active{background-color:var(--color-primary)}.filter-container svg{min-width:1.2rem;height:1.2rem;display:block;margin-top:.5rem}.contact{width:100%;position:fixed;bottom:0;color:var(--text-light);z-index:10;display:flex;padding:.75rem 0;flex-direction:column;align-items:center;transition:transform .3s ease-in-out;transform:translateY(0);background-color:var(--secondary)}.contact.closed{transform:translateY(14rem)}@media (min-width: 46.25em){.contact.closed{transform:translateY(3.5rem)}}.contact.open{transform:translateY(0)}.contact.open .contact_cta .chevron-down{transform:rotate(180deg)}.contact .contact__details{display:flex;flex-direction:column;justify-content:center;text-align:center}@media (min-width: 46.25em){.contact .contact__details{flex-direction:row;gap:2rem}}.contact .contact__details a{color:var(--text-light)}.contact .contact__details a:hover{color:var(--primary)}.contact .contact_cta{display:flex;flex-direction:row;gap:1rem;cursor:pointer}.contact .contact_cta .contact__icon{font-size:1.5rem}.contact .contact_cta .contact__icon:hover{color:var(--primary)}.contact .contact_cta span{display:flex;align-items:center;position:relative;top:-3px}.contact .contact_cta .chevron-down{width:1.2rem;height:1.2rem;margin-left:.5rem}.navbar{color:var(--color-primary);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:4;gap:2rem;background-color:var(--secondary)}.on-hero .navbar{background-color:transparent}.navbar .navbar-logo a{text-decoration:none}.navbar .navbar-logo button{color:var(--color-primary);text-decoration:none;font-size:1.5rem;font-weight:700;display:flex;gap:1rem;position:relative;padding:0;text-align:left;padding:.5rem 1rem}.navbar .navbar-logo button:after{content:"";background-color:var(--color-primary);width:35px;height:5px;display:block;position:absolute;top:2.5rem}.navbar .navbar-logo button span{color:var(--light);font-weight:300;font-size:1.1rem}.navbar .mobile-nav{display:flex;align-items:center;padding:.5rem 1rem;gap:1rem}.navbar .mobile-nav .hamburger-menu{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:0}.navbar .cv-link{position:absolute;bottom:8rem;width:calc(100% - 3rem)}.navbar .cv-link a{text-decoration:none}.navbar .cv-link a button{width:100%}.navbar .theme-switch{color:var(--text)!important;padding:1rem .5rem .5rem}.navbar .nav-links a.active,.navbar .nav-links button.active{color:var(--color-primary);font-weight:600}.sidebar{position:fixed;top:0;right:-200px;width:200px;height:100%;background-color:var(--secondary);color:#fff;transition:right .3s ease-in-out;z-index:100;padding-top:4rem}.sidebar.open{right:0}.sidebar .close-button{position:absolute;top:1rem;left:1rem;background:none;border:none;color:var(--text);font-size:2rem;cursor:pointer;padding:.5rem}.sidebar .nav-links{flex-direction:column;align-items:flex-start;padding:1rem;list-style:none}.sidebar .nav-links li{margin-bottom:1rem}.sidebar .nav-links li a,.sidebar .nav-links li button{color:var(--text);text-decoration:none;display:block;padding:.5rem}.sidebar .nav-links li:last-of-type a,.sidebar .nav-links li:last-of-type button{margin-left:.5rem}.content{margin-left:0;transition:margin-left .3s ease-in-out;padding:2rem;margin-top:60px}.content.sidebar-open{margin-left:300px}.hero{height:calc(100dvh - 7rem);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:left;color:var(--light);padding-top:2rem;overflow:hidden}@media (min-width: 61.25em){.hero{flex-direction:row;justify-content:center}}.hero .hero-title{width:fit-content;position:relative;transform:rotate(45deg);left:50px;top:50px}@media (max-width: 46.24em){.hero .hero-title{scale:.65;left:35px;top:40px}}.hero .hero-title h1{font-weight:100;font-size:86px;margin-bottom:0;line-height:86px;text-align:left}.hero .hero-title h1 span{font-weight:800;font-size:36px;line-height:36px;display:block;color:var(--color-primary);margin-left:9px}.hero .hero-title h1 span:after{content:"";background-color:var(--color-primary);width:100px;height:8px;display:block;margin:10px 2px}.hero .hero-title .tagline{transform:rotate(-90deg);position:absolute;bottom:100px;left:-160px}.hero .hero-title .tagline p{margin:0;letter-spacing:1px;text-transform:uppercase;font-size:15px;font-weight:500}.hero button.btn-secondary{width:100%}.nav-zone{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:16px;z-index:2}@media (min-width: 61.25em){.nav-zone{flex-direction:column}}.presentation{align-items:center}.card{max-width:400px;margin:0 auto;background-color:var(--secondary);position:relative;box-shadow:.5 .5 .5 #333;cursor:pointer}.card:hover{background-color:#0c1221}@media (min-width: 46.25em){.card{margin:0}}.card .card-image img{max-width:100%}.card .card-text{padding:1rem}.card .card-text h3{color:var(--text)}.card .card-text a{text-decoration:none;color:var(--text);position:absolute;right:.75rem;bottom:.75rem}.realisation{align-items:center;text-align:left}.realisation .realisation-intro{margin-bottom:0}.realisation .cards{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3REM}.realisation .cards .card{width:100%}@media (min-width: 46.25em){.realisation .cards .card{width:calc(50% - 1rem)}}@media (min-width: 61.25em){.realisation .cards .card{width:calc(33.3333333333% - 1rem)}}:root{--extra-dark: #0C1221;--primary: #007AFF;--secondary: #2F3A54;--light: #9CA5BA;--ternary: #677087;--text: #C9D5F0;--background: var(--extra-dark);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-light: var(--light);--color-ternary: var(--ternary);--color-text: var(--text)}body.light-theme{--extra-dark: #F8F8F8;--primary: #8AB3ED;--secondary: #E0E0E0;--light: #555;--ternary: #777777;--text: #333333;--background: var(--extra-dark)}.admin-section a,.admin-section button{text-decoration:underline}.admin-section .img-list{display:flex;gap:2rem;flex-wrap:wrap;list-style:none}.admin-section .img-list li{width:300px;border:solid 1px var(--light)}.six-nations-container{min-height:100vh;background:var(--background);padding:20px;margin-bottom:30px}.connexion-card{max-width:400px;margin:100px auto;background:var(--color-secondary);padding:40px;border-radius:8px;border:1px solid var(--light);text-align:center}.connexion-card h1{color:var(--color-primary);margin-bottom:10px;font-size:2rem;font-weight:800}.connexion-card p{color:var(--text);margin-bottom:30px;font-weight:300}.connexion-card input{width:100%;padding:16px;border:1px solid var(--light);border-radius:4px;font-size:1rem;margin-bottom:20px;box-sizing:border-box;transition:border-color .3s;background:var(--extra-dark);color:var(--text)}.connexion-card input:focus{outline:none;border-color:var(--color-primary)}.erreur-auth{color:#f44;background:#ff44441a;padding:10px;border-radius:4px;margin-bottom:15px;font-weight:300;border:1px solid #ff4444}.btn-retour{margin-top:10px;background-color:transparent!important;color:var(--text)!important;border:1px solid var(--light)!important}.btn-retour:hover{background-color:var(--color-secondary)!important}.info-mdp{margin-top:20px;font-size:.875rem;color:var(--light);font-weight:300;line-height:1.4}.connexion-card button{width:100%;padding:16px 28px;background-color:#007aff;color:#f8f8f8;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.connexion-card button:hover{background-color:#0c1221}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:30px;flex-wrap:wrap}.header h1{color:var(--color-primary);margin:0;font-size:2rem;font-weight:800}.user-info{display:flex;align-items:center;gap:15px}.user-info span{color:var(--text);font-weight:300}.btn-deconnexion{padding:10px 20px;background:transparent;color:var(--text);border:1px solid var(--light);border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-deconnexion:hover{background-color:var(--color-primary)}.navigation{display:flex;gap:10px;margin-bottom:20px;margin-top:30px;flex-wrap:wrap}.navigation button{flex:1;min-width:150px;padding:10px;background-color:transparent;border:1px solid var(--light);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:300;color:var(--text);transition:all .3s}.navigation button:hover{background-color:var(--color-primary)}.navigation button.active{background-color:#007aff;color:#f8f8f8;border-color:#007aff}.content{background-color:var(--secondary);padding:20px;border-radius:4px;border:1px solid var(--light);min-height:500px;margin-top:30px}.content h2{color:var(--color-primary);margin-bottom:10px;font-size:2rem;font-weight:800;line-height:3rem}.content h2:after{content:"";background-color:var(--color-primary);width:100px;height:5px;display:block;margin:10px 0}.info{color:var(--text);margin-bottom:30px;font-style:italic;font-weight:300}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px;margin-bottom:30px}.match-card{background:var(--extra-dark);border:1px solid var(--light);border-radius:4px;padding:10px;transition:all .3s}.match-card:hover{border-color:var(--color-primary)}.match-card.match-passe{opacity:.6;background:var(--extra-dark)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--light)}.journee{background:#007aff;color:#f8f8f8;padding:5px 15px;border-radius:4px;font-size:.75rem;font-weight:700}.date-match{color:var(--light);font-size:.8rem;text-align:right;font-weight:300}.match-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.equipe{flex:1;display:flex;align-items:center;gap:10px}.nom-equipe{font-weight:300;color:var(--text);font-size:1rem;white-space:nowrap}.equipe input{width:60px;padding:5px;border:1px solid var(--light);border-radius:4px;font-size:1rem;font-weight:700;text-align:center;transition:border-color .3s;background:var(--background);color:var(--text)}.equipe input:focus{outline:none;border-color:var(--color-primary)}.equipe input:disabled{background:var(--color-secondary);cursor:not-allowed;opacity:.5}.vs{font-weight:700;color:var(--light);font-size:.875rem}.btn-sauvegarder{width:100%;max-width:300px;display:block;margin:0 auto;padding:16px 28px;background-color:#007aff;color:#f8f8f8;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-sauvegarder:hover{background-color:#0c1221}.regles{background:var(--extra-dark);padding:20px;border-radius:4px;margin-bottom:30px;border-left:4px solid var(--color-primary)}.regles h3{color:var(--color-primary);margin-top:0;margin-bottom:10px;font-size:1.5rem;font-weight:300}.regles ul{margin:0;padding-left:20px}.regles li{color:var(--text);margin-bottom:5px;font-weight:300}.aucun-prono{text-align:center;color:var(--light);font-style:italic;font-weight:300;padding:40px}.classement-table{width:100%;border-collapse:collapse;background:var(--extra-dark);border:1px solid var(--light);border-radius:4px}.classement-table thead{background:#007aff;color:#f8f8f8}.classement-table th{padding:15px;text-align:left;font-weight:600}.classement-table td{padding:15px;border-bottom:1px solid var(--light);color:var(--text);font-weight:300}.classement-table tbody tr:hover{background:var(--color-secondary)}.classement-table .current-user{background:var(--color-primary);font-weight:300}.classement-table .current-user:hover{background:var(--color-primary);opacity:.9}.position{font-size:1.25rem;font-weight:700;text-align:center;width:80px}.points{font-weight:700;color:var(--color-primary);font-size:1.125rem;text-align:center}.tous-pronostics-section{padding-bottom:20px}.match-pronostics-card{background:var(--extra-dark);border:1px solid var(--light);border-radius:4px;padding:20px;margin-bottom:20px}.match-header-detail{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--light)}.match-header-detail h3{color:var(--color-primary);margin:0 0 10px;font-size:1.5rem;font-weight:300}.date-detail{color:var(--light);font-size:.875rem;font-weight:300}.pronostics-liste{margin-top:15px}.pronostics-table{width:100%;border-collapse:collapse;background:var(--background);border:1px solid var(--light);border-radius:4px}.pronostics-table thead{background:var(--color-secondary);color:var(--text)}.pronostics-table th{padding:12px;text-align:center;font-weight:300;font-size:.875rem}.pronostics-table td{padding:12px;border-bottom:1px solid var(--light);color:var(--text);font-weight:300;text-align:center}.pronostics-table .nom-joueur{text-align:left;font-weight:400}.pronostics-table .score-prono{font-weight:700;font-size:1.125rem;color:var(--color-primary)}.pronostics-table .current-user .score-prono{font-weight:700;font-size:1.125rem;color:var(--color-secondary)}.pronostics-table .separateur{color:var(--light);font-weight:700}.pronostics-table tbody tr:hover{background:var(--color-secondary)}.pronostics-table .current-user{background:var(--color-primary)}.pronostics-table .current-user:hover{background:var(--color-primary);opacity:.9}.match-non-commence{text-align:center;color:var(--light);font-style:italic;font-weight:300;padding:30px;background:var(--background);border-radius:4px;border:1px dashed var(--light)}.resultat-reel{margin-top:20px;padding:15px;background:#007aff;color:#f8f8f8;border-radius:4px;text-align:center;font-weight:300}.resultat-reel strong{font-weight:600}@media (max-width: 768px){.header{flex-direction:column;gap:15px;text-align:center}.header h1{font-size:1.5rem}.navigation button{width:calc(50% - 5px)}.matches-grid{grid-template-columns:1fr}.match-content{flex-direction:column;gap:10px}.equipe{width:100%;justify-content:end}.equipe:first-of-type{justify-content:start}.date-match{font-size:.7rem}.classement-table{font-size:.875rem}.classement-table th,.classement-table td{padding:10px}}@media (max-width: 520px){.six-nations-container{padding:10px;margin-bottom:30px}.content{padding:10px}.connexion-card{margin:50px auto;padding:30px 20px}.content h2{font-size:1.5rem}}