:root{--ff-heading: "Lucida Sans";--ff-regular: "Bahnschrift Light";--fs-xs: .875rem;--fs-sm: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2.25rem;--fs-xxl: 3.5rem;--fw-btn: 500;--color-primary: #3F5BD9;--color-secondary: #4B2A8C;--color-accent: #F5D90A;--color-card: #FEF6F6;--color-body: #FAF8F2;--color-fade-1: #4B2A8C;--color-fade-2: #3f5bd9;--color-fade-3: #6a7bff;--color-title: #222222;--color-text: #555555;--container-max: 1200px;--btn-height: 35px;--btn-padding: .7rem 1rem;--btn-border-radius: 1.5rem;--card-border-radius: 1.5rem;--spacing-elements: 1.25rem;--spacing-sections: 5rem;--spacing-btns: 1.25rem;--nav-height: 16px;--logo-size-desktop: 80px;--logo-size-mobile: 64px}html{font-size:16px}body,#root{background-color:var(--color-body)}#root{min-height:150vh}#main{display:flex;justify-content:center}.container{display:flex;flex-direction:column;width:100%;justify-self:center}section{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sections) 0}.wave-divider{width:100%;z-index:100;line-height:0}.board{display:flex;flex-direction:row;padding-top:var(--spacing-elements)}.card{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:var(--color-card);border-radius:var(--card-border-radius);margin:var(--spacing-elements)}h1,h2,h3{font-family:var(--ff-heading)}h1{font-size:var(--fs-xxl);line-height:1.1}h2{color:var(--color-secondary);font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p,small,a,ul{font-family:var(--ff-regular)}p{font-size:var(--fs-md);line-height:1.6}small{font-size:var(--fs-xs)}.btn-primary-fill{text-decoration:none;color:var(--color-body);background-color:var(--color-secondary);font-weight:var(--fw-btn);padding:var(--btn-padding);border-radius:var(--btn-border-radius)}.btn-accent-fill{text-decoration:none;color:var(--color-secondary);background-color:var(--color-accent);font-weight:var(--fw-btn);padding:var(--btn-padding);border-radius:var(--btn-border-radius)}nav{display:flex;align-items:center;width:"100%";height:var(--logo-size-desktop)}nav img{height:var(--logo-size-desktop);padding-left:5rem;padding-right:1.5rem}.nav-link{display:flex;justify-content:center;text-decoration:none;padding:.5rem 1.5rem;height:fit-content;width:fit-content;font-family:var(--ff-regular);color:var(--color-text);text-transform:uppercase}.nav-button{background-color:var(--color-accent);border-radius:10px}#right-nav-items{width:fit-content;margin-left:auto;margin-right:5rem}#hero{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;max-width:100%;padding-bottom:0;background:linear-gradient(to right,var(--color-fade-1),var(--color-fade-3))}#hero h1,#hero p{color:var(--color-body)}#hero-top{display:flex;flex-direction:row;justify-content:space-between;width:100%}#hero .section-img{display:flex;align-self:center;justify-self:flex-end;width:clamp(40rem,50vw,55vw);height:100%}#hero img{width:100%;height:100%;object-fit:contain}#hero .wave-divider{display:flex;align-self:flex-end;width:100%;height:clamp(8rem,10rem,15rem);margin-top:-6rem}#hero svg{display:flex;align-self:flex-end;width:100%}#hero .section-text{width:clamp(24rem,35vw,35vw);padding:5rem}#hero h1{margin-top:.3rem;margin-bottom:.3rem}#hero-action{padding-top:1.5rem}#hero-action .btn-accent-fill{margin-right:var(--spacing-btns)}#la-fraternite-en-bref{background-color:#fff;padding:var(--spacing-sections);height:fit-content}#la-fraternite-en-bref .board{padding-top:var(--spacing-elements)}#la-fraternite-en-bref .card{width:clamp(20rem,24rem,28rem)}#la-fraternite-en-bref img{height:6rem;object-fit:contain;padding:1rem}#la-fraternite-en-bref h2{margin-bottom:0}#la-fraternite-en-bref p{text-align:center}#a-ne-pas-manquer{display:flex;flex-direction:row;align-self:center;background-color:var(--color-body)}#a-ne-pas-manquer-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;background:linear-gradient(to right,var(--color-fade-1),var(--color-fade-3));border-radius:var(--card-border-radius);overflow:hidden}#a-ne-pas-manquer .section-text{width:clamp(24rem,35vw,35vw);padding:3rem}#a-ne-pas-manquer .section-img{display:flex;align-self:flex-start;justify-self:flex-end;width:clamp(20rem,30vw,55vw);height:100%}#a-ne-pas-manquer img{width:100%;height:100%;object-fit:contain}#a-ne-pas-manquer-label{background-color:#d60000;padding:.5rem;margin-bottom:1rem;border-radius:.3rem;text-transform:uppercase;font-weight:700;width:fit-content}#a-ne-pas-manquer h2{color:var(--color-body);margin:1rem 0 2rem}#a-ne-pas-manquer p{color:var(--color-body);margin:0}#s-engager-avec-nous{height:520px}@media(max-width:768px){.card{flex-direction:column}}