*{padding:0;margin:0}@viewport{width:device-width;zoom:1}body{font-family:'Open Sans Condensed', sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:url("../img/fondpage.jpg");background-size:100% 100%}button{font-family:'Open Sans Condensed', sans-serif;font-weight:bold;background-color:transparent;border:none}.bord-bas,.bord-haut{display:flex;width:100%;flex-flow:row nowrap;justify-content:space-between;background-repeat:no-repeat, no-repeat, round;background-position:left, right, top;background-size:auto 8vh,auto 8vh,auto}.bord-bas-gauche,.bord-haut-gauche{width:8vh;height:8vh;background-size:cover}.bord-bas-droite,.bord-haut-droite{width:8vh;height:8vh}.bord-haut{background-image:url("../img/_norepeat_topleft.png"),url("../img/_norepeat_topright.png"),url("../img/_repeat_top.jpeg")}.bord-bas{background-image:url("../img/_norepeat_bottomleft.png"),url("../img/_norepeat_bottomright.png"),url("../img/_repeat_bottom.jpeg")}.bord-haut-gauche{background-image:url("../img/_corner_topleft.png");background-size:100% 100%}.bord-haut-droite{background-image:url("../img/_corner_topright.png");background-size:100% 100%}.bord-bas-gauche{background-image:url("../img/_corner_bottomleft.png");background-size:100% 100%}.bord-bas-droite{background-image:url("../img/_corner_bottomright.png");background-size:100% 100%}.box{background-image:url("../img/_norepeat_topleft2.png"),url("../img/_norepeat_topright2.png"),url("../img/_repeat_left.jpeg"),url("../img/_repeat_right.jpeg"),url("../img/_repeat_box.jpeg");background-position:top left, top right, left, right,center;background-repeat:no-repeat, no-repeat, repeat-y, repeat-y, round;background-size:8vh auto,8vh auto,8vh,8vh,16vh}@media screen and (max-width: 768px){.box{max-width:none}}@media screen and (max-width: 1024px){.box{max-width:none}}@media screen and (min-width: 1024px){.box{max-width:130vh}}.box{margin:0 auto;position:relative}.flex{margin-left:8vh;margin-right:8vh}.flex>*{flex:1 100%}.item button{position:absolute;z-index:10;font-size:1.5em}@media screen and (max-width: 768px){body{justify-content:flex-start}.flextop{flex-flow:column wrap}.item-couvert{flex:1}.item-lampe{flex:1}.item-cube{flex:1}.flexbottom{flex-flow:column nowrap}}@media screen and (max-width: 1024px){.item-cube{padding:0 3rem}}@media screen and (min-width: 1024px){.flextop{flex-flow:row wrap}.item-cube{padding:0}}.flextop{display:flex;align-content:center;justify-content:center}.item-couvert{flex:2}.item-couvert button{bottom:0}.item-lampe{flex:2}.item-cube{flex:1}.flexbottom{display:flex;flex:2}.flexleft{display:flex;flex-flow:row wrap;align-content:center;justify-content:center;flex:2}.item-passpass{flex-basis:50%}.item-clef{flex-basis:50%}.item-boussole{flex-basis:60%}.item-canif{flex-basis:40%}.flexcenter{display:flex;flex-flow:row nowrap;flex:1;flex-basis:15%}.item-carnet{flex:3}.carnet-onglets{display:flex;flex-direction:column;wrap:nowrap;flex:1;align-self:center}.carnet-onglets .item{flex:0}.flexright{display:flex;flex:1;flex-flow:column nowrap;align-content:center;justify-content:center}.item-trousse{flex:1;flex-shrink:0}.item-ri{flex:0;padding:1em}.imgResponsive{max-width:100%}.assistive-text{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}.item img{position:relative;display:block}.item{position:relative;align-self:center}.scrollbarRemove{overflow:hidden}#ctnCouvercle>img{width:100%;height:100%}#ctnCouvercle{position:absolute;top:0;z-index:5;transform-style:preserve-3d;cursor:pointer}@media screen and (max-width: 768px){#ctnCouvercle{height:100vh;width:100vw}}@media screen and (max-width: 1024px){#ctnCouvercle{height:100vh;width:100%}}@media screen and (min-width: 1024px){#ctnCouvercle{height:100%;width:100%}}.couvercleTop{position:absolute;top:0;left:0;bottom:0;right:0}.couvercleLangue{color:white;transition:color 0.5s;text-shadow:2px 2px 4px #000000}.couvercleLangue:hover{transition:color 0.5s;color:#3ac1b9;text-shadow:2px 2px 4px #000000}@media screen and (max-width: 1024px){.couvercleTop{background:url("../img/couvercle_mobile.jpg");background-size:100% 100%}.couvercleTitre{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-weight:bold;font-size:2.5rem;white-space:nowrap;text-shadow:2px 2px 4px #000000}.couvercleSousTitre{z-index:10;position:absolute;margin-top:2rem;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:1.2rem;white-space:nowrap;text-shadow:2px 2px 4px #000000}.couvercleLangue{z-index:10;position:absolute;margin-top:5rem;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:1.2rem;font-weight:bold;text-decoration:none}}@media screen and (min-width: 1024px){.couvercleTop{background:url("../img/couvercle_desktop.jpg");background-size:100% 100%}.couvercleTitre{z-index:10;position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);color:white;font-weight:bold;font-size:7rem;white-space:nowrap;text-shadow:2px 2px 4px #000000}.couvercleSousTitre{z-index:10;position:absolute;margin-top:5rem;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:3.3rem;white-space:nowrap}.couvercleLangue{z-index:10;position:absolute;margin-top:10rem;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:3rem;font-weight:bold;text-decoration:none}}.couvercleBord>img{width:100%}.couvercleBtn{position:absolute;z-index:20;display:flex;height:100%;width:100%;top:0;align-items:center;list-style:none}.couvercleBtnEl,.couvercleBtnElEnd,.couvercleBtnElStart{padding:2%;text-align:center}.couvercleBtnElStart{flex:1 1 25%;margin-left:5%}.couvercleBtnElEnd{flex:1 1 45%;margin-right:5%}.couvercleBtnEl{flex:1 1 15%}.couvercleBtnEl a{position:relative;display:block;z-index:30;background-color:transparent;cursor:pointer}.couvercleBtnEl img,.couvercleBtnElEnd img,.couvercleBtnElStart img{height:100%;width:100%}@media screen and (max-width: 768px){.couvercleBtnElEnd img{display:none}}.couvercleFerme{transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(1px);-moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(1px);-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(1px);-o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(1px);-ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(1px);perspective:3500px;-webkit-perspective:3500px;perspective-origin:80% 80%;-webkit-perspective-origin:80% 80%}.couvercleOuvert{animation:ouvre3D 1s ease 0s 1 forwards;transition-timing-function:ease-in-out}.couvercleBord{position:absolute;bottom:0;width:100%;transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(-90deg) translateX(0px) translateZ(10px) translateY(50%);-moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(-90deg) translateX(0px) translateZ(10px) translateY(50%);-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(-90deg) translateX(0px) translateZ(10px) translateY(50%);-o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(-90deg) translateX(0px) translateZ(10px) translateY(50%);-ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(-90deg) translateX(0px) translateZ(10px) translateY(50%)}.couvercleBordAnim{animation:DecalBord 2s ease 0s 1 forwards}@keyframes ouvre3D{0%{transform-origin:top;transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg)}100%{transform-origin:top;transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(90deg) rotateY(0deg) rotateZ(0deg);-moz-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(90deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(90deg) rotateY(0deg) rotateZ(0deg);-o-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(90deg) rotateY(0deg) rotateZ(0deg);-ms-transform:scaleX(1) scaleY(1) scaleZ(1) rotateX(90deg) rotateY(0deg) rotateZ(0deg)}}.bord-bas{position:relative}.bord-basBtn{position:absolute;display:flex;justify-content:center;align-content:center;max-height:100%;width:100%}.bord-basBtnflex{flex:1 100%}.bord-basBtnflex a{display:block;height:100%;text-align:center}.bord-basBtnflex img{height:60%}@media screen and (max-width: 768px){.bord-basBtnflex img{height:2em;padding-top:10%}}@media screen and (max-width: 1024px){.bord-basBtnflex{flex:1 1 50%}.bord-basBtn{padding:0 0 25%}}.modal{display:none;position:fixed;z-index:15;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;overflow:auto}@media screen and (max-width: 1024px){.modal-content{margin:2% auto;padding:20px;overflow:auto;max-width:80vw}}@media screen and (min-width: 1024px){.modal-content{padding:2.5rem;margin:2% auto;overflow:auto;min-width:60vw;max-width:70vw}}@media screen and (min-width: 1600px){.modal{align-items:center}}#close{color:#aaa;float:right;font-size:2em;font-weight:bold;padding-left:1rem}#close:focus,#close:hover{color:black;text-decoration:none;cursor:pointer}