.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}.inscription{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:60px 40px;max-width:1200px;margin:0 auto}.inscription h2{color:#fff;font-family:Bowlby One SC,sans-serif;font-size:2.5em}.inscription p{color:#fff;font-family:Comme,sans-serif;font-size:1.5em;max-width:700px;margin:20px 0}.inscription .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-size:2em;transition:background .3s;text-decoration:none;display:inline-block;margin-top:10px;white-space:nowrap}.inscription .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)}.inscription .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)}.inscription .button:after,.inscription .button:before{opacity:0;visibility:hidden;transition:all .5s}.inscription .button-wrapper,.inscription .text,.inscription .icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;color:#fff}.inscription .text{top:0;display:flex;align-items:center;justify-content:center}.inscription .text,.inscription .icon{transition:top .5s}.inscription .icon{color:#fff;top:100%;display:flex;align-items:center;justify-content:center}.inscription .icon svg{width:32px;height:32px}.inscription .button:hover{background:#004d23}.inscription .button:hover .text{top:-100%}.inscription .button:hover .icon{top:0}.inscription .button:hover:before,.inscription .button:hover:after{opacity:1;visibility:visible}.inscription .button:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.inscription .button:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}.vert{color:#00612d}.ligneVert{width:100%;height:6px;background-color:#00612d;position:relative}.section3D{position:absolute;width:200px;height:300px;z-index:2;rotate:-90deg;top:-147px;right:30px}.rejoinBenevole{display:flex;align-items:center;gap:40px;padding:60px 40px;max-width:1200px;margin:0 auto}.rejoinBenevole img{width:300px;border-radius:10px;flex-shrink:0}.rejoinBenevole .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-size:2em;transition:background .3s;text-decoration:none;display:inline-block;margin-top:10px;white-space:nowrap}.rejoinBenevole .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)}.rejoinBenevole .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)}.rejoinBenevole .button:after,.rejoinBenevole .button:before{opacity:0;visibility:hidden;transition:all .5s}.rejoinBenevole .button-wrapper,.rejoinBenevole .text,.rejoinBenevole .icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;color:#fff}.rejoinBenevole .text{top:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.rejoinBenevole .text,.rejoinBenevole .icon{transition:top .5s}.rejoinBenevole .icon{color:#fff;top:100%;display:flex;align-items:center;justify-content:center}.rejoinBenevole .icon svg{width:32px;height:32px}.rejoinBenevole .button:hover{background:#004d23}.rejoinBenevole .button:hover .text{top:-100%}.rejoinBenevole .button:hover .icon{top:0}.rejoinBenevole .button:hover:before,.rejoinBenevole .button:hover:after{opacity:1;visibility:visible}.rejoinBenevole .button:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.rejoinBenevole .button:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}.rejoinBenevole h2{color:#fff;font-family:Bowlby One SC,sans-serif;font-size:2.5em}.rejoinBenevole p{color:#fff;font-family:Comme,sans-serif;font-size:1.5em;max-width:700px;margin:20px 0}.rejoinBenevole h2,.rejoinBenevole p,.rejoinBenevole a{text-align:right}.rejoinBenevoleText{display:flex;flex-direction:column;align-items:flex-end;gap:15px;margin-left:auto}@media(max-width:820px){.rejoinBenevole img{display:none}.button .text{font-size:.9rem}}@media(max-width:480px){.titlePage h1{font-size:1.2em}.titlePage h2{font-size:1.5em}.titlePage{padding:15px 0}.ligneVert{width:100%;height:4px;background-color:#00612d;position:relative}.section3D{position:absolute;right:9px;top:-73px;width:115px;height:150px;z-index:1;rotate:-90deg}.inscription,.rejoinBenevole{flex-direction:column;padding:30px 15px;gap:20px}.rejoinBenevole img{display:none}.rejoinBenevoleText{align-items:center;margin-left:0}.inscription h2,.rejoinBenevole h2{font-size:1.5em;text-align:center}.inscription p,.rejoinBenevole p{font-size:1em;text-align:center}.inscription h2,.inscription p,.rejoinBenevole h2,.rejoinBenevole p,.rejoinBenevole a{text-align:center}.inscription .button,.rejoinBenevole .button{--width: 100%;--height: 50px;font-size:1em;width:100%}}