.titlePage{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:30px 0;z-index:2;gap:10px}.titlePage h1{color:#fff;font-family:Comme,sans-serif;font-size:2.5em}.titlePage h2{color:#fff;font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:3em}main{position:relative;background-color:#1d1d1b;overflow:hidden;color:#fff}.reglementTir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 40px;max-width:1200px;margin:0 auto}.reglementTir h2{width:100%;color:#fff;font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:2.5em}.reglementTir p{flex:1;color:#fff;font-family:Comme,sans-serif;font-size:1.5em}.reglementTir .button{--width: 550px;--height: 60px;--tooltip-height: 35px;--tooltip-width: 90px;--gap-between-tooltip-to-button: 18px;--button-color: #00612D;--tooltip-color: #fff;width:var(--width);height:var(--height);background:var(--button-color);position:relative;text-align:center;font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:2em;transition:background .3s;text-decoration:none;display:inline-block;margin-top:10px;white-space:nowrap}.reglementTir .button:before{position:absolute;font-size:.9rem;color:#111;border-radius:.25em;line-height:var(--tooltip-height);bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) + 10px);left:calc(50% - var(--tooltip-width) / 2)}.reglementTir .button:after{position:absolute;content:"";width:0;height:0;border:10px solid transparent;border-top-color:var(--tooltip-color);left:calc(50% - 10px);bottom:calc(100% + var(--gap-between-tooltip-to-button) - 10px)}.reglementTir .button:after,.reglementTir .button:before{opacity:0;visibility:hidden;transition:all .5s}.reglementTir .button-wrapper,.reglementTir .text,.reglementTir .icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;color:#fff}.reglementTir .text{top:0;display:flex;align-items:center;justify-content:center}.reglementTir .text,.reglementTir .icon{transition:top .5s}.reglementTir .icon{color:#fff;top:100%;display:flex;align-items:center;justify-content:center}.reglementTir .icon svg{width:32px;height:32px}.reglementTir .button:hover{background:#004d23}.reglementTir .button:hover .text{top:-100%}.reglementTir .button:hover .icon{top:0}.reglementTir .button:hover:before,.reglementTir .button:hover:after{opacity:1;visibility:visible}.reglementTir .button:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.reglementTir .button:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}.vert{color:#00612d}.deroulementTir{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px;max-width:1200px;margin:30px auto 0}.deroulementTir h2{color:#fff;font-family:Bowlby One SC,sans-serif;font-weight:400;font-size:2.5em;padding-bottom:20px}.deroulementTir ul{list-style:none;padding:0;color:#fff;font-family:Comme,sans-serif;font-size:1.5em;text-align:center}.deroulementTir li{padding:10px 0}@media(max-width:480px){.titlePage h1{font-size:1.2em}.titlePage h2{font-size:1.5em}.titlePage{padding:15px 0}.reglementTir{flex-direction:column;text-align:center;padding:30px 15px}.reglementTir h2{font-size:1.5em}.reglementTir p{font-size:1em}.reglementTir .button{--width: 280px;--height: 50px;font-size:1.2em;margin:10px auto 0;display:block}.deroulementTir{padding:30px 15px}.deroulementTir h2{font-size:1.5em}.deroulementTir ul{font-size:1em}}
