*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}:root{--base-px:10px;--black:#111;--white:#fff;--green:#2cd4a2;--light-green:#f4fdfa;--blue:#3975b2;--light-grey:#f3f8ff;--grey:#575a7b;--yellow:#f2a129;--light-yellow:#fefcf8;--red:#f6205b;--light-red:#fff7f7;--light-dark:#192531;--blue-grey:#f3f8ff}html{font-size:var(--base-px)}body{background:var(--light-grey);font-family:DM Sans;font-size:1.8rem;line-height:3rem}main{overflow:hidden}li{list-style-type:none}footer,header,section{padding:3%;position:relative}img{width:100%}a{text-decoration:none}.container{margin-inline:auto;max-width:1100px;width:100%}section .container :is(p:not(:last-child),div:not(:last-child)){margin-bottom:2rem}.bg{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:-3}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.center{align-items:center;display:flex;justify-content:center}.h1{font-size:7.2rem;line-height:7.8rem;padding-bottom:2.5rem}.h1,.h2{font-family:"DM Serif Display",serif;font-weight:500}.h2{font-size:3.6rem;line-height:5rem}.h3{font-family:"DM Serif Display",serif;font-size:2.8rem;line-height:3rem;padding-block:2rem}.h3,.strong{font-weight:500}.strong{font-size:2.2rem}.strong-2{font-size:2rem;font-weight:500}.grid{display:flex;flex-flow:wrap;gap:2rem}.grid.col-3>*{flex-basis:calc(33.33333% - 1.33333rem)}.grid.col-4>*{flex-basis:calc(25% - 1.5rem)}.btn{align-items:center;border:.5px solid var(--green);border-radius:1rem 0;display:flex;font-size:1.4rem;gap:.4rem;padding:.5rem 1.5rem;transition:background .5s ease;width:-moz-fit-content;width:fit-content}.btn:hover{background:var(--green)}.btn.blue{border:.5px solid var(--blue);color:var(--blue);transition:color .5s ease,background .5s ease}.btn.bg-grey{background:var(--grey);border:.5px solid var(--grey)}.btn.bg-blue,.btn.bg-grey{color:var(--white);transition:color .5s ease,background .5s ease}.btn.bg-blue{background:var(--blue);border:.5px solid var(--blue)}.btn.bg-green{background:var(--green);border:.5px solid var(--green);color:var(--white)}.btn.blue:hover .icon-code{background:var(--white)}.btn.blue:hover{background:var(--blue);color:var(--white)}.btn.black{background:var(--black);color:var(--white);font-size:1.5rem;font-weight:500}.triangle{border-right:100vw solid transparent;border-top:150px solid var(--black)}.card{background:var(--white);border-radius:2rem 0;display:flex;flex-flow:column;text-align:left;transition:transform .5s ease}.card:hover{transform:translateY(-10px)}.card .level{font-size:1.4rem;height:25px}.card .level span{border-radius:2rem;padding:.5rem 1rem}.card .level.debutant span{background:var(--light-green);color:var(--green)}.card .level.intermediaire span{background:var(--light-yellow);color:var(--yellow)}.card .level.avance span{background:var(--light-red);color:var(--red)}.card p{color:var(--grey)}.card figure{height:200px}.card figure img{height:100%}.card :is(.content,.level){padding:1rem 2rem}.card .content{flex-flow:column;height:100%}.card .code__level,.card .content{display:flex;justify-content:space-between}.card .code__level{align-items:flex-start;height:20px;padding:1rem 2rem}.card .code__level .level{padding:0}.card .code__level .code,.card .date{align-items:center;display:flex;gap:1rem}.card .date{height:20px;padding:3rem 2rem 1rem}header{background:var(--black);padding:3rem 5rem}header .container{align-items:center;display:flex;flex-flow:wrap;justify-content:space-between}header .logo{font-family:"DM Serif Display",serif;font-size:2.8rem;font-weight:400}header a{color:var(--white);font-weight:400}header :is(.search_account,.logo__nav,nav>ul){align-items:center;display:flex;gap:2rem}header :is(.logo__nav,nav ul){gap:5rem}header nav>ul>li{position:relative}header nav>ul>li:hover>.sub_menu{opacity:1;pointer-events:auto;transform:translateY(0)}header .sub_menu a{color:var(--black);font-size:1.4rem}header .sub_menu a:hover{color:var(--blue);font-size:1.4rem}header .sub_menu{background:var(--white);border-radius:2rem 0;left:-80px;opacity:0;padding:2rem;pointer-events:none;position:absolute;top:100%;transform:translateY(50px);transition:transform .5s ease,opacity .5s ease;width:300px;z-index:2}header .sub_menu li.title{color:var(--blue);font-weight:700;text-transform:uppercase}header .sub_menu li.title:not(:first-child){margin-top:2rem}header .sub_menu li:not(:last-child){margin-bottom:.1rem}header #hbg{display:none;height:40px;position:relative;width:40px}header #hbg span{background:var(--white);height:2px;position:absolute;width:100%}header #hbg span:first-child{top:10px}header #hbg span:nth-child(2){top:20px}header #hbg span:last-child{top:30px}@media screen and (max-width:1350px){.container{max-width:1000px}}@media screen and (max-width:1150px){.container{max-width:800px}}@media screen and (max-width:850px){header .container .logo__nav{display:contents}header .container{max-height:3.5rem;overflow:hidden;transition:max-height .5s ease}header.open .container{max-height:100vh}header #hbg{display:block}header nav>ul>li{width:100%}header .container .search_account,header .container nav{min-width:100%;order:4}a.active{color:red;font-size:30px}header .container nav ul{align-items:start;flex-flow:column;gap:1rem}header .container .search_account .search{display:none}header .sub_menu{border-radius:0;max-height:0;opacity:1;overflow:hidden;padding:0;pointer-events:auto;position:static;top:100%;transform:translateY(0);width:100%}header nav>ul>li.open>.sub_menu{max-height:500px;padding:2rem}}@media screen and (max-width:450px){.grid>*{flex-basis:100%!important}}