/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}@font-face{font-family:Open Sans Bold;src:url(../../fonts/OpenSans-Bold.ttf);font-weight:700}@font-face{font-family:Open Sans SemiBold;src:url(../../fonts/OpenSans-Semibold.ttf);font-weight:700}@font-face{font-family:Open Sans Regular;src:url(../../fonts/OpenSans-Regular.ttf)}@font-face{font-family:Futura Regular;src:url(../../fonts/Futura.ttf)}@font-face{font-family:Akbar;src:url(../../fonts/Akbar.ttf)}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after,*:first-letter,*:first-line{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}html{font-family:Open Sans Regular,sans-serif;padding:0;margin:0;font-size:1.3vw;line-height:1.6;height:100%}body{height:100%;padding:0;margin:0;background-image:url(../../img/layout/fond.svg);background-repeat:repeat;background-position:0 0;background-size:20%}#container{width:65%;background-color:white;margin:auto}#nav-principale{position:relative;width:100%;padding-bottom:25.86015538%;background-image:url(../../img/layout/banniere.svg);background-size:100%;background-repeat:no-repeat;background-position:0 0;z-index:50}#nav-principale ul{list-style-type:none;position:absolute;width:100%;margin:0;padding:0}#nav-principale ul li{display:block;box-sizing:border-box;width:25%;float:left;text-align:center;padding:.7vw}#nav-principale ul li a{text-decoration:none;color:white;font-size:110%;font-family:Open Sans Semibold}#logo{position:absolute;top:8px;height:13.11109878vw}#nav-flottante a:not(.unclickable):hover,#navigation a:not(.unclickable):hover{font-family:Open Sans Bold}#nav-flottante a:not(.unclickable):active,#navigation a:not(.unclickable):active{color:#d68847}main{margin:0;top:16.809101vw;box-sizing:border-box;text-align:justify;padding-bottom:8em;height:100%;padding:0 3.5em}main p{font-size:110%}main a{color:#135b9a;text-decoration:none;border-bottom:1px solid #135b9a}main a:hover{color:#d68847;border-bottom:1px solid #d68847}#switchable{margin:0;padding:0}#footer{margin:0;padding:0;color:white;text-align:center;font-family:Open Sans Regular,sans-serif;background-image:url(../../img/layout/footer_grand.svg);background-size:100%;background-position:bottom left;background-repeat:no-repeat;height:6.5em;position:relative;bottom:0;margin-top:6.5em;padding-top:6.5em;line-height:9.5em}#nav-activites{background-color:#7eb8ef;width:65%;height:3.5vw;position:absolute;top:0}#nav-activites ul{list-style-type:none;margin:auto}#nav-activites ul li{display:block;height:3.5vw;box-sizing:border-box;width:33%;float:left;text-align:center;padding:.6vw}#nav-activites ul li a{text-decoration:none;color:white;font-size:110%;font-family:Open Sans Semibold}#nav-flottante{width:65%;height:12.5vw;position:fixed;top:-12.5vw;left:17.5%;padding:0;margin:0;transition:top 400ms;z-index:50}#flot-principale{width:100%;height:8.25vw;position:absolute;top:3.5vw;background-image:url(../../img/layout/flottante_grand.svg);background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;left:0;padding:0;margin:0}#flot-principale ul{list-style-type:none;margin:0;padding:0}#flot-principale ul li{background-color:transparent;display:block;height:3.5vw;box-sizing:border-box;width:18%;float:right;text-align:center;padding:.6vw}#flot-principale ul li a{text-decoration:none;color:white;font-family:Open Sans Semibold}#flot-principale ul #flot-accueil{margin-top:1.55vw}#flot-principale ul #flot-activites{margin-top:1.1vw}#flot-principale ul #flot-membres{margin-top:.65vw}#flot-principale ul #flot-depannage{margin-top:.2vw}#flot-nav-titre{height:4.5vw;width:27%;box-sizing:border-box;float:left;text-align:center;font-family:Futura Regular;padding:.3vw .3vw .3vw 1vw;color:white;font-size:180%;margin-top:1.3vw}#flot-activites{width:100%;height:3.5vw;position:relative;top:0;background-color:#7eb8ef;left:0;padding:O;margin:0}#flot-activites ul{list-style-type:none;margin:0;padding:0}#flot-activites ul li{background-color:#7eb8ef;display:block;height:3.5vw;box-sizing:border-box;width:18%;float:right;text-align:center;padding:.6vw}#flot-activites ul li a{text-decoration:none;color:white;font-family:Open Sans Semibold}#nav-flottante.flot-appeared{top:-3.5vw}#nav-flottante.flot-appeared.flot-deployed{top:0}.orange{color:#df8a2a}.akbar{font-family:Indie Flower,cursive;color:#d64a47;font-size:120%}.surligne{background-color:#fff8a9}.question{color:#135b9a;font-size:160%;font-family:Patrick Hand;position:relative;left:1em;margin-top:1.3em;margin-bottom:1.3em}.handwritten{font-family:Patrick Hand;font-size:115%}h2.sous-titre{font-family:Futura Regular;box-sizing:border-box;width:100%;height:5.3vw;margin:0;padding:0;font-size:170%;text-align:center;display:block;background-image:url(../../img/layout/bande_secondaire.svg);background-size:100%;background-position:top left;background-repeat:no-repeat;color:white;padding-top:.9vw;margin-top:6vw;margin-bottom:5vw}h2.sous-titre span{display:block;-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}h1.titre{font-size:210%;font-family:Futura Regular;padding:0 0 0 1vw;margin-top:3vw;margin-bottom:4vw;position:relative;left:-1vw;top:-1vw;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);background-image:url(../../img/layout/bande_moyen.svg);background-size:contain;background-repeat:no-repeat;background-size:auto 100%;color:white}img.float-right{width:50%;float:right;margin-left:1em}img.float-left{width:50%;float:left;margin-right:1em}img.full-size{width:100%;margin-top:2.5em;margin-bottom:2.5em}div.paragraphe{margin-bottom:2em}div.flushright{text-align:right}h1.court{background-image:url(../../img/layout/bande_court.svg)}h1.mi-court{background-image:url(../../img/layout/bande_mi_court.svg)}h1.long{background-image:url(../../img/layout/bande_long.svg)}