html, body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
background-color: skyblue;
}
.page {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
line-height: normal;
text-align: center;
font-family: "Roboto", sans-serif;
font-size: 1.1em;
color: #006098;
}
.page[class]:before {
opacity: 0;
}
.page::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
opacity: 0.5;
background-repeat: no-repeat;
-moz-background-size: 40%;
background-size: 40%;
top: 0;
left: 0;
background-position: center 30px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 381.7 381.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1,.cls-2,.cls-5,.cls-7,.cls-8%7Bopacity:0.8;%7D.cls-2,.cls-9%7Bfill:%23fff;%7D.cls-3%7Bfill:%23006098;%7D.cls-4,.cls-5,.cls-6%7Bfill:%231d1d1b;%7D.cls-6%7Bstroke:%23fff;stroke-miterlimit:10;%7D.cls-7%7Bfill:none;%7D.cls-8%7Bfill:%23006ab0;%7D%3C/style%3E%3C/defs%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Fond'%3E%3Cg class='cls-1'%3E%3Cpath class='cls-2' d='M191.23,16.77A174.08,174.08,0,1,0,365.31,190.85,174.08,174.08,0,0,0,191.23,16.77Z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Cercles'%3E%3Cpath class='cls-3' d='M191.23,373.49C90.52,373.49,8.59,291.56,8.59,190.85S90.52,8.21,191.23,8.21,373.88,90.14,373.88,190.85,291.94,373.49,191.23,373.49Zm0-361.27C92.73,12.22,12.6,92.35,12.6,190.85S92.73,369.48,191.23,369.48s178.64-80.13,178.64-178.63S289.73,12.22,191.23,12.22Z'/%3E%3Cpath class='cls-3' d='M190.85,381.7C85.61,381.7,0,296.08,0,190.85S85.61,0,190.85,0,381.7,85.62,381.7,190.85,296.08,381.7,190.85,381.7ZM190.85,4C87.83,4,4,87.83,4,190.85S87.83,377.69,190.85,377.69s186.84-83.82,186.84-186.84S293.87,4,190.85,4Z'/%3E%3C/g%3E%3Cg id='Texte'%3E%3Cpath class='cls-4' d='M235.88,326.36h0a6.71,6.71,0,0,1-5.32-2.49,9.44,9.44,0,0,0-7.44-3.55h0a9.41,9.41,0,0,0-7.43,3.55,6.72,6.72,0,0,1-5.33,2.49h0a6.71,6.71,0,0,1-5.32-2.49,9.44,9.44,0,0,0-7.43-3.55h0a9.44,9.44,0,0,0-7.44,3.55,6.93,6.93,0,0,1-10.64,0,9.44,9.44,0,0,0-7.44-3.55h0a9.44,9.44,0,0,0-7.43,3.55,6.94,6.94,0,0,1-10.65,0,9.44,9.44,0,0,0-7.43-3.55h0a9.44,9.44,0,0,0-7.44,3.55l1.18.94a7.92,7.92,0,0,1,6.26-3h0a7.94,7.94,0,0,1,6.26,3,8.44,8.44,0,0,0,13,0,7.94,7.94,0,0,1,6.26-3h0a7.91,7.91,0,0,1,6.26,3,8.45,8.45,0,0,0,13,0,7.91,7.91,0,0,1,6.26-3h0a7.94,7.94,0,0,1,6.26,3,8.19,8.19,0,0,0,6.49,3.05h0a8.2,8.2,0,0,0,6.5-3.05,7.94,7.94,0,0,1,6.26-3h0a7.91,7.91,0,0,1,6.26,3,8.21,8.21,0,0,0,6.5,3.05h0a8.21,8.21,0,0,0,6.5-3.05l-1.18-.94A6.71,6.71,0,0,1,235.88,326.36Z'/%3E%3Cpolygon class='cls-4' points='168.69 339.53 167.52 344.11 167.4 344.11 166.27 339.53 164.33 339.53 163.79 345.57 164.84 345.57 165.22 340.45 165.33 340.45 166.65 345.57 168.09 345.57 169.47 340.45 169.58 340.45 169.87 345.57 171.09 345.57 170.56 339.53 168.69 339.53'/%3E%3Cpath class='cls-4' d='M199,344.67a3.29,3.29,0,0,1-.58,0c-1.48,0-2-.63-2-2.16,0-1.86,1.08-2.17,2.22-2.17a12.5,12.5,0,0,1,1.45.11v-.95a11.75,11.75,0,0,0-1.48-.11c-.43,0-3.52-.2-3.52,3.12,0,1.85.88,3.12,3.23,3.12a9.63,9.63,0,0,0,1.92-.25v-2.64H199Z'/%3E%3Cpolygon class='cls-4' points='206.28 342.94 208.2 342.94 208.2 342.02 206.28 342.02 206.28 340.46 209.02 340.46 209.02 339.53 205.02 339.53 205.02 345.57 209.08 345.57 209.08 344.64 206.28 344.64 206.28 342.94'/%3E%3Cpath class='cls-4' d='M214.59,341.13c0-.63.87-.76,1.33-.76a7.21,7.21,0,0,1,1.44.16v-.93a7.21,7.21,0,0,0-1.56-.18c-1.33,0-2.52.44-2.52,1.86,0,2.13,3.21,1.42,3.21,2.62,0,.67-.85.84-1.38.84a9.08,9.08,0,0,1-1.79-.25v1a8.11,8.11,0,0,0,1.9.22c1.18,0,2.6-.47,2.6-1.89C217.82,341.5,214.59,342.46,214.59,341.13Z'/%3E%3Cpath class='cls-4' d='M178.54,339.4a3.15,3.15,0,1,0,3,3.15A2.84,2.84,0,0,0,178.54,339.4Zm0,5.36c-1.4,0-1.67-1-1.67-2.2s.27-2.23,1.67-2.23,1.68,1,1.68,2.21S179.93,344.76,178.53,344.76Z'/%3E%3Cpath class='cls-4' d='M189.44,343a1.67,1.67,0,0,0,1.19-1.64c0-1.36-.89-1.86-2.26-1.86h-2.16v6h1.23v-2.26h.74l1.45,2.26h1.54l-1.75-2.48Zm-1.22-.61h-.78v-2h.78c.73,0,1.11.23,1.11,1S189,342.42,188.22,342.42Z'/%3E%3Cpolygon class='cls-5' points='252 295.99 252 296 252 295.99 252 295.99'/%3E%3Cpath class='cls-3' d='M99.77,295c1.53-1.53,4.65-4.11,8.25-4.11,2.09,0,3.64.45,4.48,1.3a2.86,2.86,0,0,1,.78,2.13,2.71,2.71,0,0,1-.83,1.95,6.77,6.77,0,0,1-4.73,1.6.83.83,0,0,0-.84.83.73.73,0,0,0,.18.5.75.75,0,0,0,.56.23,8.3,8.3,0,0,0,5.89-2.12,4.27,4.27,0,0,0,1.32-3.1c0-3.11-2.39-4.84-6.74-4.87-3.88,0-7.25,2.51-9.39,4.63a.75.75,0,0,0-.19.82A.78.78,0,0,0,99.77,295Z'/%3E%3Cpath class='cls-3' d='M151.7,296.24h.09a1.22,1.22,0,0,0,1.06-1.13,1.07,1.07,0,0,0-1.12-1.07h0a1.28,1.28,0,0,0-1.12,1.14A1.16,1.16,0,0,0,151.7,296.24Z'/%3E%3Cpath class='cls-3' d='M288.66,306.1a.76.76,0,0,0-1.21-.3c-1.32,1.11-2.83,2.25-4.06,2.25-.22,0-.87,0-.94-1.62a8.37,8.37,0,0,1,.11-1.4l.47-.23a20,20,0,0,0,2.57-1.42c1.54-1,2.19-1.81,2.22-2.94a1.61,1.61,0,0,0-1.71-1.74,4.36,4.36,0,0,0-3.05,1.72,9.59,9.59,0,0,0-1.86,3.69c-.64.52-1.54,1.25-2.07,1.7a.87.87,0,0,0-.16.23,8.1,8.1,0,0,1-3.11,2,12.49,12.49,0,0,1,.76-2.58l1.94-5.43a.71.71,0,0,0-.67-1,.78.78,0,0,0-.74.52,25.17,25.17,0,0,1-3.8,5.86c-1.45,1.61-2.7,2.5-3.72,2.65v0a11.73,11.73,0,0,1,.7-2.53l2-5.44a.74.74,0,0,0-.08-.7.77.77,0,0,0-.62-.31.81.81,0,0,0-.75.52c-1.2,2.65-2.85,4.06-5.13,6l-.21.17a1.68,1.68,0,0,0-.18.21,26.65,26.65,0,0,1-3.12,2.29L265,300a.73.73,0,0,0-.71-1,.78.78,0,0,0-.75.58l-.08.23a3.1,3.1,0,0,0-2.21-1,6.76,6.76,0,0,0-4,2,3,3,0,0,1-.31.28c-1.61,1.61-3.27,3.15-5.05,4.68l-.07,0a9.36,9.36,0,0,1-3.26,2.25,12.33,12.33,0,0,1,.7-2.53l2-5.44a.74.74,0,0,0-.08-.7.77.77,0,0,0-.62-.31.81.81,0,0,0-.75.52c-1.2,2.65-2.85,4.06-5.13,6l-.21.17a1,1,0,0,0-.17.19,10.44,10.44,0,0,1-2.81,2,7.09,7.09,0,0,1,.45-2.16s1.27-3.85,1.68-5.13h2.64a.8.8,0,0,0,.81-.79.74.74,0,0,0-.74-.77h-2.17l1.15-3.38a.72.72,0,0,0-.09-.64.79.79,0,0,0-1.37.28s-.86,2.56-1.27,3.74h-1.39a.82.82,0,0,0-.83.83.7.7,0,0,0,.2.5.74.74,0,0,0,.57.23h.77a17.79,17.79,0,0,1-4.25,4.64l-.52.45a1,1,0,0,0-.19.23,8.29,8.29,0,0,1-3.15,2.05,12.52,12.52,0,0,1,.77-2.58l1.94-5.43a.71.71,0,0,0-.67-1,.78.78,0,0,0-.74.52,25.17,25.17,0,0,1-3.8,5.86c-1.45,1.61-2.7,2.5-3.72,2.65v0a11.89,11.89,0,0,1,.7-2.53l2-5.44a.73.73,0,0,0-.7-1,.81.81,0,0,0-.75.52c-1.2,2.65-2.85,4.06-5.14,6l-.2.17a.86.86,0,0,0-.16.18c-1.58,1.4-2.57,2.11-3,2.11h0s0-.14,0-.21v-.05a6.55,6.55,0,0,1,.87-2.52l2.11-5.31a.77.77,0,0,0-.08-.71.8.8,0,0,0-.65-.32.78.78,0,0,0-.73.51l-.22.58a2.93,2.93,0,0,0-2.34-1.21,6.43,6.43,0,0,0-3.77,1.87,1.07,1.07,0,0,1-.16.14c-.06.06-.13.11-.18.17-1.75,1.78-3.6,3.42-5.18,4.77a1.14,1.14,0,0,1-.11.11c-2,1.67-5,2-6.62,2l7.43-11.78a16.87,16.87,0,0,1,3.22-4A4.78,4.78,0,0,1,217,290.9h.14A.85.85,0,0,0,218,290a.69.69,0,0,0-.73-.69h-.13a6.6,6.6,0,0,0-4.25,1.66,17.93,17.93,0,0,0-3.52,4.37l-6.25,10,2.36-15.12a.83.83,0,0,0-.14-.69.75.75,0,0,0-1.08.05,25.27,25.27,0,0,0-4.4,5.18,83.35,83.35,0,0,0-4.64,7.68,18.09,18.09,0,0,1-3.11,4.55,3.64,3.64,0,0,1-2.57,1.09,3.68,3.68,0,0,1-2.12-1.11.83.83,0,0,0-1.3.33.69.69,0,0,0,.17.77,4.89,4.89,0,0,0,3.13,1.53,5.35,5.35,0,0,0,3.75-1.53,19.68,19.68,0,0,0,3.41-5c1.38-2.59,3-5.27,4.54-7.56a34.85,34.85,0,0,1,2.48-3.21L201,308.77a.8.8,0,0,0,.15.67.65.65,0,0,0,.51.23.85.85,0,0,0,.53-.2h.52c1.6,0,5.6-.25,8.26-2.56l.07-.09c.46-.4.9-.79,1.32-1.18a6,6,0,0,0-.08.92c0,1.93,1,3,2.77,3a6.14,6.14,0,0,0,3.69-1.67,1.75,1.75,0,0,0,.4,1.25,1.49,1.49,0,0,0,1.1.46h0c.79,0,2.72-1.4,4.15-2.67h0c.92-.81,1.81-1.58,2.62-2.38l-.19.53a9.94,9.94,0,0,0-.87,3.05,1.28,1.28,0,0,0,1.27,1.44c1.46,0,3.39-1.21,5.15-3.14l.36-.43a8.62,8.62,0,0,0-.49,2.12,1.41,1.41,0,0,0,.3,1.09,1.23,1.23,0,0,0,.93.36c1.07,0,2.57-.86,4.59-2.64l.3-.27c.89-.77,1.68-1.47,2.39-2.19l-.31.93a7,7,0,0,0-.48,3.27,1.05,1.05,0,0,0,1.06.9c1.18,0,3-1.42,4.37-2.64h0c.92-.81,1.81-1.58,2.62-2.38l-.19.53a10.23,10.23,0,0,0-.87,3.05,1.28,1.28,0,0,0,1.27,1.44c1.06,0,2.55-.86,4.56-2.63h0c.49-.42,1-.86,1.44-1.3l0,0a5.07,5.07,0,0,0-.09.94c0,1.91,1,3,2.72,3h0a6.06,6.06,0,0,0,3.83-1.73l-3.31,9.94a.7.7,0,0,0,.09.63.79.79,0,0,0,.63.31.8.8,0,0,0,.78-.58l2.58-7.76a21.77,21.77,0,0,0,5-3.41h0c.92-.81,1.81-1.58,2.62-2.38l-.19.53a10.23,10.23,0,0,0-.87,3.05,1.28,1.28,0,0,0,1.27,1.44c1.46,0,3.39-1.21,5.15-3.14l.36-.43a8.53,8.53,0,0,0-.49,2.12,1.37,1.37,0,0,0,.31,1.09,1.19,1.19,0,0,0,.92.36c1.07,0,2.57-.86,4.59-2.64l0,0h0l.22-.19.49-.44v.25c0,1.51.76,3,2.34,3h.13c1.66,0,3.56-1.39,5.05-2.61A.77.77,0,0,0,288.66,306.1Zm-4.44-4.7a3,3,0,0,1,1.78-1.14c.11,0,.18,0,.21.07s0,.1,0,.23c0,.57-.45.9-1.46,1.55-.49.32-1,.63-1.61.94A9.46,9.46,0,0,1,284.22,301.4ZM218.57,306c-1.22,1.34-2.45,2.1-3.45,2.1h0c-.86,0-1.28-.52-1.28-1.59,0-1.75,1.31-3.56,2.57-4.67a4.84,4.84,0,0,1,2.69-1.4,1.42,1.42,0,0,1,1.41,1.42A6.72,6.72,0,0,1,218.57,306Zm41.8.24a5.44,5.44,0,0,1-3.29,1.86h0c-.87,0-1.28-.52-1.28-1.59a6.69,6.69,0,0,1,2.47-4.57,4.82,4.82,0,0,1,2.92-1.5,1.46,1.46,0,0,1,1.42,1.45A7.47,7.47,0,0,1,260.37,306.19Z'/%3E%3Cpath class='cls-3' d='M178.58,305.83c-2.07,1.78-2.84,2.15-3.12,2.21v-.11a4.12,4.12,0,0,1,.41-1.54l1.24-3.28.12-.38a9.35,9.35,0,0,0,.57-2.31,1.61,1.61,0,0,0-.39-1.21,1.29,1.29,0,0,0-1-.38h-.17c-1.36,0-3.2,1.46-4.51,2.68-.42.41-.84.85-1.25,1.32a7.76,7.76,0,0,0,.65-2.56c0-.62-.13-1.45-1.24-1.45h-.21c-1.06.05-2.65,2.16-3.77,3s-1.27-1-1.27-2.72a.72.72,0,0,0-.73-.73.82.82,0,0,0-.77.53,5.52,5.52,0,0,0-2.36-.58,5.14,5.14,0,0,0-4,2.31,3.52,3.52,0,0,0-.29.42,63.59,63.59,0,0,1-5,4.71l-.07,0a9.33,9.33,0,0,1-3.25,2.25,11.73,11.73,0,0,1,.7-2.53l2-5.44a.74.74,0,0,0-.08-.7.76.76,0,0,0-.62-.31.81.81,0,0,0-.75.52c-1.2,2.65-2.85,4.06-5.13,6l-.21.17h0a6.28,6.28,0,0,1-1.93,1.32,5.75,5.75,0,0,0,.22-1.68,12.71,12.71,0,0,0-.3-2.56,9.61,9.61,0,0,1-.21-1.57,3.63,3.63,0,0,1,.36-1.67.86.86,0,0,0-.07-.79.76.76,0,0,0-1.2.05c-1.78,1.86-4.73,4.77-7.15,6.88h0a6.41,6.41,0,0,1-1.93,1.32,6.11,6.11,0,0,0,.22-1.68,12.71,12.71,0,0,0-.3-2.56,9.61,9.61,0,0,1-.21-1.57,3.63,3.63,0,0,1,.36-1.67.86.86,0,0,0-.07-.79.76.76,0,0,0-1.2.05c-1.78,1.86-4.73,4.77-7.15,6.88a.86.86,0,0,0-.16.18c-1.58,1.4-2.57,2.11-3,2.11h0a.71.71,0,0,1-.05-.21v-.05a6.55,6.55,0,0,1,.87-2.52l2.11-5.31a.77.77,0,0,0-.08-.71.8.8,0,0,0-.65-.32.75.75,0,0,0-.72.51l-.23.58a2.93,2.93,0,0,0-2.34-1.21,6.43,6.43,0,0,0-3.77,1.87,1.07,1.07,0,0,1-.16.14l-.18.17c-1.76,1.79-3.61,3.42-5.18,4.77l-.11.12c-1.76,1.2-3.81,2-8.11,2.21a10.62,10.62,0,0,0,2-3.82l3.91-11.84a.69.69,0,0,0-.09-.63.72.72,0,0,0-.59-.29.78.78,0,0,0-.75.57l-3.94,11.79c-1,3-2.22,4.35-4,4.35a3.4,3.4,0,0,1-2.57-1.17.8.8,0,0,0-1.28.29.72.72,0,0,0,.13.79,4.78,4.78,0,0,0,3.61,1.65h0a5.83,5.83,0,0,0,.74-.06h.46c6.31,0,9-1,11.49-2.77h0c.52-.44,1-.87,1.48-1.31a5,5,0,0,0-.09.92c0,1.93,1,3,2.77,3a6.14,6.14,0,0,0,3.69-1.67,1.75,1.75,0,0,0,.4,1.25,1.49,1.49,0,0,0,1.1.46h0c.79,0,2.71-1.4,4.15-2.67h0c1.72-1.54,3.79-3.53,5.51-5.3,0,.38.12.83.22,1.34a15.58,15.58,0,0,1,.31,2.55c0,1.68-.69,2.5-2.13,2.5a2.09,2.09,0,0,1-1.74-.86.83.83,0,0,0-1.32.26.69.69,0,0,0,.12.77,3.55,3.55,0,0,0,2.88,1.38,4.39,4.39,0,0,0,1.37-.2h.07a9.78,9.78,0,0,0,4.92-2.39l.09,0c1.72-1.54,3.79-3.53,5.52-5.3a12.44,12.44,0,0,0,.21,1.34,14.58,14.58,0,0,1,.32,2.55c0,1.68-.7,2.5-2.13,2.5a2.11,2.11,0,0,1-1.75-.86.82.82,0,0,0-1.31.26.68.68,0,0,0,.11.77,3.56,3.56,0,0,0,2.88,1.38,4.39,4.39,0,0,0,1.37-.2h.07A9.78,9.78,0,0,0,145,307l.09,0c.93-.81,1.81-1.58,2.63-2.38l-.2.53a10.23,10.23,0,0,0-.87,3.05,1.28,1.28,0,0,0,1.27,1.44c1.06,0,2.56-.86,4.57-2.64h0c1-.86,1.83-1.62,2.59-2.36a10.39,10.39,0,0,0-.21,2c0,2,1.06,3.07,2.89,3.07H158a5.9,5.9,0,0,0,4.79-3,14.23,14.23,0,0,0,1.38-3.83c1.09,1.89,2.75,0,2.76,0a10,10,0,0,1,2.74-2.46v.06a7.06,7.06,0,0,1-.56,2c-.12.32-.24.66-.35,1l-1.87,5.25a.77.77,0,0,0,.1.68.78.78,0,0,0,.61.29.83.83,0,0,0,.78-.54,19.67,19.67,0,0,1,4.47-6.5c1.48-1.45,2.69-2.24,3.44-2.27a.62.62,0,0,1,0,.15,8.4,8.4,0,0,1-.6,2.19l-1.18,3.12a6.08,6.08,0,0,0-.57,2.2c0,1,.53,1.61,1.42,1.61h0c.67,0,2.54-1.12,4.27-2.68a.75.75,0,0,0,.23-.85A.79.79,0,0,0,178.58,305.83Zm-59.9.12c-1.22,1.34-2.45,2.1-3.45,2.1h0c-.86,0-1.28-.52-1.28-1.59,0-1.75,1.31-3.56,2.57-4.67a4.84,4.84,0,0,1,2.69-1.4,1.43,1.43,0,0,1,1.42,1.42A6.79,6.79,0,0,1,118.68,306Zm42.67.05a4.16,4.16,0,0,1-3.38,2.15h-.07a1.41,1.41,0,0,1-1-.36,1.8,1.8,0,0,1-.38-1.29,8.46,8.46,0,0,1,1.62-5,3.42,3.42,0,0,1,2.62-1.63,3.6,3.6,0,0,1,2.25.78A14.88,14.88,0,0,1,161.35,306Z'/%3E%3Cpath class='cls-3' d='M252,296.24h.08a1.21,1.21,0,0,0,1.06-1.13A1.06,1.06,0,0,0,252,294h0a1.27,1.27,0,0,0-1.12,1.14A1.16,1.16,0,0,0,252,296.24Z'/%3E%3C/g%3E%3Cg id='Pieuvre'%3E%3Cpath class='cls-6' d='M173.91,266.79c-.29-.25-.56-.51-.82-.77a17.59,17.59,0,0,1-2-2.33c-7.35-10.47,2.83-23.73.58-32.59-1.88-7.41-11-5.48-10.95-3.76.06,1.49,5.88-2.32,7.8,4.17,1.78,6-9.21,18.67-5.43,31.16,0,.15.1.28.14.43.25.78.53,1.52.83,2.24,3.58,8.61,10.78,12.71,22.93,12.71a21.64,21.64,0,0,0,18.3-9.59l-12.2-.92C187.67,271.56,178.93,271.2,173.91,266.79Z'/%3E%3Cpath class='cls-6' d='M97,161.5c0-.92-3-1.16-5.62-1.88a12.79,12.79,0,0,1-1.84-.66,3.45,3.45,0,0,1-1.79-1.56c-.86-2,.52-4.89,4.65-6.1l1.4-3.76c-.74.15-1.43.31-2,.48-6.06,1.66-8,5.9-7.5,9,.33,2.15,2.15,3.64,4.32,4.55a13.52,13.52,0,0,0,1.86.62C93.71,163,97,162.73,97,161.5Z'/%3E%3Cpath class='cls-6' d='M278.45,127a17.05,17.05,0,0,0-2.77,0,16.6,16.6,0,0,0-9.12,3.71c-12.23,9.85,4.5,25.5,2.87,35.56S245,182.85,224.9,172.09c13.75-.88,26.6-10.77,25.56-22.09-1.44-15.63-23.57-27.77-21.69-38.76s14.65-11,17.06-6.69c2.78,5-1.49,6-1,6.93s3.49-.61,4.31-3.9c1-3.82-2.53-8.93-9.07-9.41s-12.92,1.67-16.19,6.77c0,0-.52-22.12-35.54-22.12s-35.38,26.6-35.44,27.67c-1.33-4.9-7.26-8.23-13.26-8.89l.33,5.34c2.77.86,5,2.6,5.5,4a8.15,8.15,0,0,1-5,4.32,10,10,0,0,1-2.15.47c-5.67.67-11.55-2.91-7.19-7.21a7.86,7.86,0,0,1,6.61-2.06l-.31-5a17.16,17.16,0,0,0-2.16.12c-7.13.87-13.23,6-11.48,12.67,1.11,4.24,8.41,7.19,14.83,6.25a15.1,15.1,0,0,0,2.14-.48,11.38,11.38,0,0,0,4.4-2.42c-.08,2.76-1.32,4.92-4,8.25l.34,5.54-2.17.05-.2-3.18c-2.32,2.7-5.37,6.13-9.25,10.87-6.26,7.66-7.28,18.35-7.28,18.35C113,147.7,102.86,146.43,96,147.21l-1.36,3.65a21.22,21.22,0,0,1,5.12.09c7.48,1,13.3,3.37,19.38,10.77,14.67,17.86-18.78,28.47-15,45.37-6.23-7.17-13.73-5.55-14.28-4.37s4-.06,7.9,3.41c10.2,9.09-.16,26.64,13.61,37.11,9.57,7.27,20.13,5.13,27.78.66,11.39-6.67,23.47-25.81,31.08-53.81,6.15,9.74,2.08,23.54,5.43,33.59,7,20.87,23.79,21.67,22,35.73a11.85,11.85,0,0,1-2.55,6.11l11.37.86a23.29,23.29,0,0,0,2.68-8c3.09,3.08,22.77,8.15,30.51-1.32s-6.37-24.72-3.91-29.66c2.6-5.2,7.78,1.49,9,.67s-4.47-6.94-9.42-4.4c-9.93,5.08,3.84,17.37,1.12,26.47-3.35,11.24-26.52,3.6-28.47-11.19s19.33-40.4-.52-56.67C247.51,190,223.08,214.17,266,232c13.83,5.76,6.36,18.22-3.39,16.48-5.86-1-8.26-3.9-9.09-3.07s3.09,3.95,7.73,5.11c11.8,2.95,19.11-4.79,17.38-13.6-3.11-15.91-24.15-8.64-33.09-36.88a94.3,94.3,0,0,0-5.18-12.52s26.71,3.11,36.6-12.2c9.73-15.06-15.31-32.53-6.7-40.5a10.63,10.63,0,0,1,10.95-2.69,14.54,14.54,0,0,1,7.55,5.56c1.67,2.69.89,5.32-.59,7.56l1.33,2.51a13.88,13.88,0,0,0,3.41-7.36C293.52,134.09,286.57,127.69,278.45,127ZM144.72,223.83c-6.78,12.81-19,19.26-29.34,12.29-6.84-4.6-4.94-14.37-7.06-23.06,7.06,6,14.68,6.56,23.17,2.64,10.36-4.78,16.76-23,24.17-25.12C155.8,198.12,151.06,211.88,144.72,223.83Zm-8.62-26.58c-5.41,9.2-12.32,13.34-19.56,9.22-11.7-6.64,17.18-19.95,14.47-35.58,8.77,6.86,26.15,5.42,26.15,5.42C155.92,176.79,144.41,183.11,136.1,197.25ZM152.92,165c-8.35.37-17.85-3.5-18.39-7.82-1.77-14.33,15.78-23.9,18.39-36,1.17,7.25,11.74,20.42,11.74,20.42s-.16,7.78,2.73,12.85C168.71,156.74,163.38,164.51,152.92,165Zm43.55,68.93c-13.95-16.92-5.75-27.45-7.45-46.58C213.78,199.83,196.31,219.61,196.47,233.9Zm12.07-79.83c2.21-4.55,1.88-12.49,1.88-12.49s9.06-7.74,12.92-18.85c2.4,10,29.19,27.27,10.69,36C225.27,162.92,207.31,156.61,208.54,154.07Z'/%3E%3Cpath class='cls-6' d='M282.63,151.5c.48,1,2.73.11,5-1.86l-1.18-2.23C284.5,149.56,282.42,151.08,282.63,151.5Z'/%3E%3C/g%3E%3Cg id='Pagaies_Drapeau' data-name='Pagaies Drapeau'%3E%3Cpath class='cls-7' d='M140.6,57.09l-3.68.53.55,8.88,3.76-.54Z'/%3E%3Cpath class='cls-7' d='M139.84,46.56l-3.57.51.52,8.38,3.65-.52Z'/%3E%3Cpath class='cls-7' d='M180.88,60.12c5.5,0,11.05.2,16.42.4,5.12.18,10.41.38,15.58.39-5.74-1.71-11.43-3.62-17.07-5.52-16.35-5.49-33.25-11.17-49.65-11.17h-.47q.72,10,1.43,20C159.52,60.65,171.45,60.12,180.88,60.12Z'/%3E%3Cpath class='cls-3' d='M247,60.81c-32.86,0-66.48-22.59-100.86-22.59q-3.43,0-6.88.31l.42,5.86-3.56.51-.4-6.46-2.17.05,3.91,63,.31,5,.58,9.27a10,10,0,0,0,2.15-.47l-.52-8.33-.33-5.34-2-32.93,3.77-.55c.11,1.45.21,2.89.31,4.34,13-5.18,26.06-6.34,39.19-6.34,10.8,0,21.65.79,32.54.79,13.3,0,26.67-1.18,40.1-6.41Q250.27,60.82,247,60.81ZM136.27,47.07l3.57-.51.6,8.37-3.65.52Zm1.2,19.43-.55-8.88,3.68-.53.63,8.87Zm59.83-6c-5.37-.2-10.92-.4-16.42-.4-9.43,0-21.36.53-33.76,4.14q-.7-10-1.43-20h.47c16.4,0,33.3,5.68,49.65,11.17,5.64,1.9,11.33,3.81,17.07,5.52C207.71,60.9,202.42,60.7,197.3,60.52Z'/%3E%3Cpath class='cls-3' d='M140.8,120a15.1,15.1,0,0,1-2.14.48l.48,7.76.2,3.18,2.17-.05-.34-5.54Z'/%3E%3Cpath class='cls-3' d='M133.49,260.84c-5.7-2.43-18.42-7.45-28.14-8.18-12.91-1-15.18,2.05-15.62,6s1.11,7.23,14,8.21c9.74.74,23.41-2.29,29.53-3.83l30.78,2.34c-.3-.72-.58-1.46-.83-2.24Z'/%3E%3Cpath class='cls-3' d='M273.36,265.38c-9.73-.74-23.37,2.29-29.51,3.82l-37.28-2.82-11.37-.86-24.11-1.83a17.59,17.59,0,0,0,2,2.33l20,1.52,12.2.92,38.31,2.9c5.69,2.44,18.43,7.46,28.16,8.2,12.91,1,15.18-2.05,15.62-6S286.27,266.36,273.36,265.38Z'/%3E%3Cpath class='cls-3' d='M262.89,97.67c1.31-1.09,1.54-2.83,1-2.93s-6.37,3-5.88,3.77,2.8.3,2.8.3L275.68,127a17.05,17.05,0,0,1,2.77,0Z'/%3E%3Cpath class='cls-3' d='M310.93,169c-3.08-5.61-15.46-14.28-19.62-17.72l-1.84-3.47-1.33-2.51-7-13.12a11,11,0,0,0-3.05-.53l8.33,15.78,1.18,2.23,1.53,2.91c.87,2,.64,10.53,3.29,20.53,2.9,10.91,7.75,11,13.94,7.91S314,174.59,310.93,169Z'/%3E%3Cpath class='cls-3' d='M84.34,172.94s-12.19,15.11-14.93,19.77S68,204.16,72.9,206.06s11.58-1.69,12.27-7.32c.78-6.32,1-25.1,1-25.1l4.26-11.46a13.52,13.52,0,0,1-1.86-.62Z'/%3E%3Cpath class='cls-3' d='M125.85,75.85a8.19,8.19,0,0,0-3.27-2c-1.41-.57-3.28-1-4-.68s-.24,1,.43,1.38l1.75.91L93.83,147.54l-1.4,3.76L89.57,159a12.79,12.79,0,0,0,1.84.66l3.26-8.76L96,147.21,122.5,76.06s2,.79,2.57.9S126.4,76.49,125.85,75.85Z'/%3E%3C/g%3E%3Cg id='Lunette_Smile' data-name='Lunette Smile'%3E%3Cpolygon class='cls-8' points='151.7 295.99 151.7 296 151.7 295.99 151.7 295.99'/%3E%3Cpath class='cls-9' d='M206.78,139.67a11.56,11.56,0,0,0-5.56-1.6,26.86,26.86,0,0,0-5.87.49l-3.09.57c-.77.14-1.54.28-2.32.38a19.36,19.36,0,0,1-3.14.12,27.69,27.69,0,0,1-4.06-.54c-1.33-.24-2.66-.5-4-.72a22.59,22.59,0,0,0-3.05-.31,16.8,16.8,0,0,0-3.76.27,10.79,10.79,0,0,0-3.45,1.35.48.48,0,0,0-.25.44l0,.66a8.42,8.42,0,0,0,.31,1.85.55.55,0,0,0,.3.33l.78.35a.27.27,0,0,1,.14.16c.06.38.1.77.16,1.15a13.12,13.12,0,0,0,.81,3.07,7.28,7.28,0,0,0,1.45,2.3,6.37,6.37,0,0,0,4.09,1.84,12.4,12.4,0,0,0,2.79,0,9.26,9.26,0,0,0,3.33-.93,6.71,6.71,0,0,0,2-1.61,9.82,9.82,0,0,0,1.75-3.51c.17-.57.37-1.14.59-1.7a.92.92,0,0,1,.67-.57,1,1,0,0,1,1.12.49,5.34,5.34,0,0,1,.59,1.54,9.9,9.9,0,0,0,.86,2.41,6.88,6.88,0,0,0,2,2.33,7.65,7.65,0,0,0,2.48,1.22,10.7,10.7,0,0,0,2,.36,12.76,12.76,0,0,0,2.83-.11,6.55,6.55,0,0,0,2.71-1,6.35,6.35,0,0,0,2.18-2.45,13.44,13.44,0,0,0,1.3-4.77.25.25,0,0,1,.18-.24l.73-.32a.55.55,0,0,0,.33-.37,9.64,9.64,0,0,0,.33-2.45A.48.48,0,0,0,206.78,139.67Zm-30.51,1.53c0,.25-.12.3-.38.33a4.34,4.34,0,0,0-1.54.45,2.47,2.47,0,0,0-1.3,1.91,5.93,5.93,0,0,0,.28,2.61q.1.38-.15.48a.37.37,0,0,1-.46-.14,4.41,4.41,0,0,1-.85-1.82,7.27,7.27,0,0,1-.28-2.17,6.48,6.48,0,0,1,.2-1.32,1.57,1.57,0,0,1,1.15-1,6.33,6.33,0,0,1,2.16-.28l.91.06a.32.32,0,0,1,.33.4C176.32,140.85,176.3,141,176.27,141.2Zm2.28,0c-.16.4-.19.42-.63.37l-.61-.06c-.32,0-.41-.14-.39-.46V141c0-.48.17-.58.65-.46.24.06.49.11.73.19A.33.33,0,0,1,178.55,141.21Zm16.9.38a3.93,3.93,0,0,0-1.95,1.15,3.28,3.28,0,0,0-.79,2.49c0,.45.14.9.21,1.36,0,0,0,.08,0,.12a.32.32,0,0,1-.17.39.31.31,0,0,1-.42-.1,9.88,9.88,0,0,1-.64-.91,7.05,7.05,0,0,1-.92-2.59c0-.22,0-.44-.06-.65a1.65,1.65,0,0,1,1.06-1.59,5.62,5.62,0,0,1,1.78-.57c.61-.11,1.23-.17,1.85-.23.32,0,.4,0,.48.36S196.06,141.42,195.45,141.59Zm2.76-.38-1.19.07c-.36,0-.42-.2-.45-.51s.16-.35.42-.35h.08c.39,0,.78.07,1.16.12a.34.34,0,0,1,0,.68Z'/%3E%3Cpath class='cls-9' d='M178,157.45c1.05,1.82,3.58,7.52,9.16,7.85a9.83,9.83,0,0,0,10.79-7.49c-1.43,1.28-5.12,2.95-9.48,2.95C181.62,160.76,178,157.45,178,157.45Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
h1, h2, h3, h4, h5 {
line-height: 1.3;
font-weight: normal;
}
h1 {
font-size: 38px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
p {
color: #fff;
}
.flex-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bg-position-top {
background-position: 50% 0;
}
.bg-position-middle {
background-position: 50% 50%;
}
.bg-position-bottom {
background-position: 50% 100%;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
a:not(.button) {
color: #000;
opacity: 0.85;
text-decoration: none;
font-weight: 500;
/*
&.button {
border: 2px solid #004065;
border-radius: 8px;
background: #006098;
color: white;
letter-spacing: 2px;
margin-top: 20px;
padding: 15px 10px;
text-transform: uppercase;
}*/
}
a:not(.button):link {
color: #000;
opacity: 0.85;
text-decoration: none;
font-weight: 500;
}
a:not(.button):hover, a:not(.button):focus, a:not(.button):active {
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-decoration: none;
}
ul, ol {
display: inline-block;
text-align: left;
max-width: 50%;
}
.container {
position: relative;
width: 100%;
z-index: 1;
}
.content {
width: 90%;
margin: 0 auto;
padding-top: 2em;
padding-bottom: 2em;
}
.social-links {
padding: 1em 0;
vertical-align: middle;
}
.social-links:empty {
outline: 1px solid yellow;
}
.social-links a {
padding: 0 0.3em;
line-height: normal;
}
.overlay-dark {
background-color: #333;
}
.overlay-dark:before {
background-color: #333;
}
.overlay-bright {
background-color: white;
}
.overlay-bright:before {
background-color: white;
opacity: 0.7;
}
@media screen and (max-width: 640px) {
h1 {
font-size: 2em;
}
ul, ol {
max-width: none;
}
.page {
min-width: 300px;
}
.page .container button.perspective, .page .container .button.perspective {
width: 100%;
}
}
/*
.btn_3d {
display: block;
margin: 0 auto;
perspective: 300px;
width: 75px;
* {
box-sizing: border-box;
}
> span {
background: white;
border: none;
box-shadow: 1px 73px 41px -22px rgba(0,0,0,0.75);
cursor: pointer;
display: block;
transform-style: preserve-3d;
transition: all 250ms ease-in;
transform: rotateX(40deg);
outline: 1px solid transparent;
padding: 18px;
position: relative;
width: 100%;
border-radius : 5px;
&:after {
background: #CCCCCC;
content: "";
height: 40%;
left: 0;
position: absolute;
top: 100%;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
transition: all 250ms ease-in;
width: 100%;
z-index: -1;
}
> span {
display: block;
height: 40px;
position: relative;
transform: scale(0.9);
width: 40px;
&:after {
transform: rotate(90deg);
}
}
&:hover,
&:focus {
background: #F6F6F6;
box-shadow: 1px 73px 41px -22px rgba(0,0,0,1);
color: #ED8728;
transform: rotateX(30deg);
&:after {
background: #BEBEBE;
}
> span {
&:before,
&:after {
width: 62%;
}
&:before {
transform: rotate(180deg) translate(0, 0);
}
&:after {
transform: rotate(-180deg) translate(-37.5%, 0);
}
}
}
&:active {
transform: rotateX(20deg);
> span:before,
> span:after {
background: skyblue;
}
}
}
&.active {
> span > span {
&:before,
&:after {
width: 62%;
}
&:before {
transform: rotate(180deg) translate(0, 0);
}
&:after {
transform: rotate(-180deg) translate(-37.5%, 0);
}
}
}
}
*/
button.perspective, .button.perspective {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background: transparent;
border: none;
outline: none;
display: block;
min-height: 100px;
min-width: 320px;
font-size: 35px;
line-height: 35px;
font-weight: 200;
text-transform: uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
top: 0;
margin: 10px 5px;
-webkit-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
-webkit-transform: perspective(500px) rotateX(35deg);
-moz-transform: perspective(500px) rotateX(35deg);
transform: perspective(500px) rotateX(35deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
button.perspective:before, .button.perspective:before {
content: attr(data-title);
display: block;
position: absolute;
z-index: 1;
color: #006098;
font-weight: 500;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
background: #f6f6f6;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#cccccc));
background: -webkit-linear-gradient(top, #f6f6f6 0%, #cccccc 100%);
background: -moz-linear-gradient(top, #f6f6f6 0%, #cccccc 100%);
background: -o-linear-gradient(top, #f6f6f6 0%, #cccccc 100%);
background: linear-gradient(to bottom, #f6f6f6 0%, #cccccc 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f25d30", endColorstr="#e03b00",GradientType=0 );
/* IE6-9 */
top: 0;
left: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 100%;
height: 100%;
padding: 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: inset 0 -2px 5px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 -2px 5px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 -2px 5px rgba(255, 255, 255, 0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
button.perspective:after, .button.perspective:after {
content: "";
display: block;
position: absolute;
bottom: -20px;
left: 4px;
height: 30px;
width: -webkit-calc(100% - 6px);
width: -moz-calc(100% - 6px);
width: calc(100% - 6px);
background: #ba2500;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#888888));
background: -webkit-linear-gradient(top, #aaaaaa 0%, #888888 100%);
background: -moz-linear-gradient(top, #aaaaaa 0%, #888888 100%);
background: -o-linear-gradient(top, #aaaaaa 0%, #888888 100%);
background: linear-gradient(to bottom, #aaaaaa 0%, #888888 100%);
/* W3C */
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-webkit-transform: perspective(500px) rotateX(-40deg);
-moz-transform: perspective(500px) rotateX(-40deg);
transform: perspective(500px) rotateX(-40deg);
-webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px black;
-moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px black;
box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.5), 0 3px 2px -1px black;
-webkit-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
button.perspective:hover, .button.perspective:hover {
-webkit-transform: perspective(500px) rotateX(10deg);
-moz-transform: perspective(500px) rotateX(10deg);
transform: perspective(500px) rotateX(10deg);
}
button.perspective:hover:after, .button.perspective:hover:after {
height: 16px;
bottom: -8px;
left: 3px;
width: -webkit-calc(100% - 6px);
width: -moz-calc(100% - 6px);
width: calc(100% - 6px);
}
button.perspective:active, .button.perspective:active {
-webkit-transform: perspective(500px) rotateX(10deg);
-moz-transform: perspective(500px) rotateX(10deg);
transform: perspective(500px) rotateX(10deg);
}
button.perspective:active:after, .button.perspective:active:after {
height: 30px;
height: 16px;
bottom: -8px;
left: 3px;
width: -webkit-calc(100% - 6px);
width: -moz-calc(100% - 6px);
width: calc(100% - 6px);
}