@import url(reset.css);@import url(fonts.css);*{box-sizing:border-box;outline:none}input{-webkit-appearance:none}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400}body{font-family:"Gilroy",Arial,sans-serif;background:#fff;color:#384a69;font-size:16px;font-size:1em;line-height:1.4em;overflow-x:hidden}body #container img{max-width:100%}body #container a{transition:all 450ms ease}body #container strong,body #container b{font-weight:900}body #container em,body #container i{font-style:italic}body #container sup{vertical-align:super;font-size:.6em}body #container h1,body #container h2,body #container h3,body #container h4,body #container h5,body #container h6{font-weight:900}body #container h1{font-size:3em}body #container h2{font-size:2.5em}body #container h3{font-size:2em}body #container h4{font-size:1.75em}body #container h5{font-size:1.5em}body #container h6{font-size:1em}body #container .btn{color:#384a69;background:#fff;border-radius:100px;padding:12px 40px;font-size:1.5em;font-weight:900;text-decoration:none;transition:all 450ms ease}body #container .btn:hover{color:#fff;background:#384a69}body #header{background:#384a69 url(../images/swimmer.png) center center no-repeat !important;background-size:cover;color:#fff;text-align:center;height:auto !important}body #header .bgcolor{background-color:rgba(56,74,105,0.6);width:100%}body #header .content{margin:auto;max-width:1920px;padding:100px 8.33333% 50px 8.33333%;position:relative}body #header .content h1 span{text-indent:-9999px;display:none}body #header .content p{margin:50px 0;font-size:1.2em}body #header .content blockquote{font-size:1.8em;line-height:1.1em;font-weight:900}body #header #breadcrumb{position:absolute;top:20px;font-size:.9em;font-weight:500}body #header #breadcrumb a{font-weight:300;color:#fff;text-decoration:none;transition:all 450ms ease}body #header #breadcrumb a:hover{color:#23b8cd}body #header #scrollbottom{cursor:pointer;margin-top:70px}body #intro{background:#fff;text-align:center}body #intro .content{font-size:1.2em;margin:auto;max-width:1920px;padding:100px 8.33333%}body #rules{text-align:center;background:#eee}body #rules .content{margin:auto;max-width:1920px;padding:66px 8.33333%}body #rules .content h2{font-size:1.6em;font-weight:900;margin-bottom:20px;line-height:1.1em}body #rules .flex{display:flex;justify-content:center}body #rules .flex .item{background:#fff;width:25%;margin:40px 10px 0 10px;padding:15px}body #rules .flex .item div:first-child{padding:0 25%;margin-top:-50px}body #rules .flex .item div:last-child{overflow:hidden;width:100%}body #rules .flex .item span{font-weight:700;font-size:1.1em}body #rules .flex .item h3{font-weight:900;font-size:1.4em;margin-bottom:10px}body #rules .flex .item p{color:#484848;font-size:.9em;line-height:1.2em}body #parcours-enfant{text-align:center;background:#fff}body #parcours-enfant .content{display:flex;align-items:center}body #parcours-enfant .content h2{font-size:3.2em;line-height:1.2em}body #parcours-enfant .content hr{border:0;border-top:10px solid #384a69;width:100px;margin:20px 0;display:inline-block}body #parcours-enfant .content div{font-size:1.2em;width:50%}body #parcours-enfant .content div:first-child{padding:110px 80px}body #parcours-enfant .content div p{margin-bottom:35px}body #parcours-enfant .content div h3{font-size:1.3em;line-height:1.1em;margin-bottom:20px}body #parcours-enfant .content div img{width:100%}body #quel-parcours{background:#384a69;color:#fff;text-align:center}body #quel-parcours h2{padding:50px 8.33333%;font-size:1.55em;line-height:1.1em}body #quel-parcours .flex{display:flex;align-items:stretch}body #quel-parcours .flex .step{width:25%;position:relative}body #quel-parcours .flex .step.step1{background:url(../images/etape1.png) center center no-repeat}body #quel-parcours .flex .step.step2{background:url(../images/etape2.png) center center no-repeat}body #quel-parcours .flex .step.step3{background:url(../images/etape3.png) center center no-repeat}body #quel-parcours .flex .step.step4{background:url(../images/etape4.png) center center no-repeat}body #quel-parcours .flex .step.step1,body #quel-parcours .flex .step.step2,body #quel-parcours .flex .step.step3,body #quel-parcours .flex .step.step4{background-size:cover}body #quel-parcours .flex .step .title-step{transition:all 450ms ease;position:absolute;top:50%;transform:translateY(-50%);left:50%;transform:translate(-50%, -50%);width:100%;padding:20px}body #quel-parcours .flex .step .title-step hr{border:0;border-top:8px solid #fff;width:80px;margin:8px auto 20px auto;display:block}body #quel-parcours .flex .step .title-step span{font-weight:900;font-size:1.3em}body #quel-parcours .flex .step .title-step h3{font-size:1.5em;line-height:1.4em;margin-bottom:20px}body #quel-parcours .flex .step .bgcolor{background-color:rgba(56,74,105,0.6);height:100%}body #quel-parcours .flex .step .hover-step{opacity:0;transition:all 450ms ease;display:flex;align-items:center;height:100%;padding:40px;overflow:hidden}body #quel-parcours .flex .step:hover .title-step,body #quel-parcours .flex .step.tap .title-step{opacity:0}body #quel-parcours .flex .step:hover .hover-step,body #quel-parcours .flex .step.tap .hover-step{opacity:1}body #inscription{background:#23b8cd url(../images/dot.png) top left repeat;background-size:15px;padding:50px 8.33333%;text-align:center;color:#fff;font-size:1.2em}body #inscription p{margin-bottom:40px}body #operation{background:#eee;text-align:center;font-size:1.2em}body #operation .content{display:flex}body #operation .content div{width:50%;padding:75px 8.33333%}body #operation .content div:first-child{background:#f8f8f8}body #academy{text-align:center;background:#fff;position:relative}body #academy .content{padding:75px 8.33333%}body #scrolltop{height:70px;width:70px;position:absolute;top:50%;transform:translateY(-50%);background:#23b8cd;right:40px;border-radius:100px;cursor:pointer;box-shadow:0 0 .5em #ccc;transition:all 450ms ease}body #scrolltop:hover{background:#384a69}body #scrolltop img{position:absolute;transform:translate(-50%, -50%) rotate(180deg);top:50%;left:50%}@media screen and (max-width: 1080px){body #container #menu{font-size:1.1em;display:block}body #container #menu nav{margin-left:0;display:block}body #container #menu nav a{display:block;margin:10px auto;text-align:center}body #container #menu nav{display:none}body #container #menu.open nav{display:block}body #container #hamburger{width:40px;height:35px;position:absolute;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;display:block;right:30px;top:34px;z-index:100}body #container #hamburger:hover span{background:#384a69}body #container #hamburger span{display:block;position:absolute;height:3px;width:100%;background:#384a69;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}body #container #hamburger span:nth-child(1){top:0px}body #container #hamburger span:nth-child(2),body #container #hamburger span:nth-child(3){top:12px}body #container #hamburger span:nth-child(4){top:24px}body #container #hamburger.open span:nth-child(1){top:12px;width:0%;left:50%}body #container #hamburger.open span:nth-child(2){transform:rotate(45deg)}body #container #hamburger.open span:nth-child(3){transform:rotate(-45deg)}body #container #hamburger.open span:nth-child(4){top:12px;width:0%;left:50%}body #container #rules .content{padding-bottom:46px}body #container #rules .flex{flex-wrap:wrap}body #container #rules .flex .item{width:40%;margin-bottom:20px}body #container #parcours-enfant .content{flex-wrap:wrap}body #container #parcours-enfant .content div{width:100%}body #container #parcours-enfant .content div p{margin-bottom:0}body #container #parcours-enfant .content div:first-child{padding:50px 80px}body #container #quel-parcours .flex{flex-wrap:wrap}body #container #quel-parcours .flex .step{width:50%}}@media screen and (max-width: 640px){body{font-size:.9em}body #container .btn{font-size:1.1em}body #container #header #scrollbottom img{width:30px}body #container #rules .flex .item{width:80%}body #container #parcours-enfant .content h2{font-size:2.2em;line-height:1.1em}body #container #parcours-enfant .content hr{border-top-width:8px;width:80px}body #container #parcours-enfant .content div:first-child{padding:40px 30px}body #container #quel-parcours .flex{flex-wrap:wrap}body #container #quel-parcours .flex hr{border-top-width:6px;width:60px}body #container #quel-parcours .flex .step{width:100%}body #container #operation .content{flex-wrap:wrap}body #container #operation .content div{width:100%;padding:50px 5%}body #container #academy .content{padding:50px 5%}body #container #academy .content img{width:70%}body #container #scrolltop{height:50px;width:50px;right:12px}body #container #scrolltop img{width:50%}}