html,body{margin:0;padding:0;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;width:100%;min-height:101vh}main{display:flex;flex-flow:column nowrap;align-items:center;align-content:stretch}main.text-page{margin:auto}main.text-page p{max-width:600px}.content{width:70%;display:flex;flex-flow:column nowrap;align-items:center}.content.text{max-width:700px}@media(max-width: 768px){.content{width:85%}}@media(max-width: 425px){.content{width:90%}}section{width:100%;display:flex;flex-flow:column nowrap;align-items:center}footer{margin:2em;text-align:center;font-size:smaller}h1{width:100%;text-align:center;margin:50px 0;background:#f0f0f0}h2{width:100%;padding:1em 0;background:#f0f0f0;background-image:url("/public/img/base-craq-bleu-vert.jpg");display:flex;justify-content:center}h2 div{color:#000;background-color:#fff;box-shadow:0 0 10px 5px #fff;padding:5px}h3{width:100%;text-align:center}.block-text{margin:2em 0}.pageClimber{position:fixed;bottom:5%;right:40px;height:50px;width:50px;z-index:9999}.pageClimber a{display:block;font-size:30px;text-align:center;border-radius:50%;height:50px;width:50px;color:#000;background:#fff;text-decoration:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.pageClimber a:hover{color:gray;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),0 3px 1px -2px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.anchor{position:relative;bottom:50px}.partner{border-top:solid 2px #000;margin-top:15px}.partner address,.partner .contact{text-align:center}.bold{font-weight:bold}.center{text-align:center}nav{position:fixed;z-index:999;top:0;height:50px;width:100%;display:flex;justify-content:center;background-color:#fff;color:#000;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}nav .nav-block{max-width:33%;display:flex;justify-content:center;align-items:center;flex-grow:1}nav img{height:50px;width:auto}nav ul{list-style:none;padding:0;margin:0;height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}nav ul li{height:100%}nav a{display:flex;justify-content:center;align-items:center;height:100%;padding:0 10px;color:#000;text-decoration:underline}nav a:hover{color:#fff;text-decoration:none;background:rgba(128,128,128,.2);-webkit-animation:.1s linear fadeIn alternate;animation:.1s linear fadeIn alternate}@media(max-width: 988px){nav{justify-content:space-between}nav .nav-block{justify-content:flex-start}nav ul.nav-block:nth-child(2){flex-grow:1;justify-content:flex-end}nav div.nav-block:nth-child(3){flex-grow:0;width:0px}}@media(max-width: 645px){nav{justify-content:space-around;align-items:flex-start}nav ul{display:flex;flex-flow:column nowrap;border:1px solid blue;background-color:#fff;color:#000;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}nav ul li a{width:100%}}@-webkit-keyframes fadeIn{from{background:rgba(128,128,128,0);color:#000}to{background:rgba(128,128,128,.2);color:#fff}}@keyframes fadeIn{from{background:rgba(128,128,128,0);color:#000}to{background:rgba(128,128,128,.2);color:#fff}}ul.miniNav{list-style:none;padding:0;margin:0;width:100%;height:50px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}ul.miniNav li:not(:last-child):after{content:"|";font-weight:bold;margin:.6em}header{text-align:center}header h1{font-size:4em;margin-bottom:0}.homepage header{display:flex;flex-direction:column;align-items:center;margin-top:70px}.homepage header img{max-width:768px}.homepage .hero{display:flex;margin:1em;flex-direction:column;justify-content:center;text-align:center;max-width:600px}.homepage .articleContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:70%;padding-top:70%;position:relative}.homepage .articleContainer article{position:absolute}.homepage .articleContainer article .imageContainer{position:absolute;z-index:10;width:100%;height:auto}.homepage .articleContainer article .imageContainer img{width:100%;height:auto;vertical-align:bottom}.homepage .articleContainer article.h{width:55%;height:43%}.homepage .articleContainer article.v{width:43%;height:55%}.homepage .articleContainer article.t{top:0}.homepage .articleContainer article.b{bottom:0}.homepage .articleContainer article.b .imageContainer{bottom:0}.homepage .articleContainer article.l{left:0}.homepage .articleContainer article.r{right:0}.homepage .articleContainer article a{color:#000}.homepage .articleContainer article a:visited{color:#000}.homepage .articleContainer article p{position:absolute;z-index:20;margin:0;padding:5px;text-align:center;background:rgba(255,255,255,.87);visibility:hidden;opacity:.5;font-size:1rem}.homepage .articleContainer article p.location{bottom:5%;left:10%;width:80%}.homepage .articleContainer article p.defintion{top:10%;left:0%;width:80%}.homepage .articleContainer article:hover{transform:scale(1.05);transition:transform .2s ease-in-out;z-index:12}.homepage .articleContainer article:hover p{opacity:1;visibility:visible;transition:opacity .3s ease-in-out}.homepage .articleContainer article:hover img{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}@media(max-width: 768px){.homepage header img{max-width:90%}.homepage .articleContainer{width:100%;padding-top:100%}}.projectPage .projectsContainer{width:100%;display:flex;flex-flow:row wrap;justify-content:center}.projectPage .projectsContainer .projectItem{width:230px;height:230px;text-align:center;padding:0;background-color:#7a7a7a;opacity:.8;background-repeat:no-repeat;background-position:center;background-size:cover;margin:1px;transform-origin:center center}.projectPage .projectsContainer .projectItem a{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end;position:relative;z-index:200;width:100%;height:100%;text-decoration:none}.projectPage .projectsContainer .projectItem a span{display:inline;color:#000;background:#f0f0f0;padding:3px;margin-bottom:15px;font-size:.8em;max-width:75%}.projectPage .projectsContainer .projectItem a:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);z-index:500;opacity:1}.projectPage .projectsContainer .projectItem:hover{transform:scale(1.05)}.singleProjectPage{max-width:80%;margin:auto}.singleProjectPage section{margin:1em 0}.imageGallery,.imageCollection{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.imageGallery .image,.imageCollection .image{margin:5px}.imageGallery .image img,.imageCollection .image img{max-width:250px}.imageGallery .image:not(.fullscreen.static):hover{transition:transform .1s;transform:scale(1.05)}.imageGallery .image.fullscreen{position:fixed;top:0;width:80%;height:100vh;z-index:9000;display:flex;align-items:center}.imageGallery .image.fullscreen img{display:inline-block;position:relative;z-index:9001;width:auto;max-width:95%;height:auto;max-height:95%;margin:auto;-o-object-fit:contain;object-fit:contain;box-shadow:rgba(0,0,0,.459) 3px 3px 4px}.imageGallery .image.fullscreen::before{position:absolute;width:15px;height:15px;top:0;right:0;z-index:9002;content:"X";text-align:center;padding:5px;background-color:#fff;border-radius:50%;box-shadow:rgba(0,0,0,.459) 3px 3px 4px}.mask{position:fixed;width:100%;height:100vh;top:0px;left:0px;z-index:8000;background-color:#3d3d3d;opacity:.9}.productPage header{display:flex;flex-flow:row nowrap;justify-content:center}.productPage section.choice{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;height:85vh}.productPage section.choice .block{width:30%;height:70%;position:relative;z-index:10;margin:5%;opacity:.7}.productPage section.choice .block a{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}.productPage section.choice .block a h2{width:auto;padding:10px;color:#000;background-image:none;background-color:#fff;box-shadow:0 0 10px 5px #fff}.productPage section.choice .block:hover{opacity:1;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);transform:scale(1.01);font-weight:bold;z-index:80}.productPage section.choice .block:hover h2{font-size:2em}.productPage section.choice .block-left{background-image:url("../img/AGH_nouvel_angle_LITE-FLOOR_XTRAGRIP_EASY-GLASS_BD.jpg");background-repeat:no-repeat;background-size:cover;transform-origin:left center}.productPage section.choice .block-right{background-image:url("../img/Carre verres.jpg");background-repeat:no-repeat;background-size:cover;transform-origin:right center}.productPage .glassPictureContainer{width:100%;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center}.productPage .glassPictureContainer .glassPictureItem{width:150px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.productPage .glassPictureContainer .glassPictureItem img{width:150px;height:150px}.productPage .glassPictureContainer .glassPictureItem span{margin:1em}.productPage p{margin:1em 0}.controller{width:100%;display:flex;justify-content:center}.controller .groupContainer{display:flex;flex-direction:column;max-width:30%;margin:10px}.controller .groupContainer h3{margin:10px 0px}.controller .groupContainer div{display:flex;flex-wrap:wrap;justify-content:center;margin:5px}.controller button{padding:6px 12px;margin:3px;border:none;background-color:#b9b9b9;color:#000;box-shadow:rgba(0,0,0,.479) 1px 1px 3px}.controller button:hover{background-color:#d3d3d3;transform:scale(1.1);box-shadow:rgba(0,0,0,.8) 1px 1px 3px}.item{transform-origin:left center;transform:scale(1);transition:transform .3s}.activeFilter{border:#cbf179 2px outset !important;box-shadow:inset 0px 0px 8px #cbf179,1px 1px 8px rgba(0,0,0,.9) !important}.hide{transform:scale(0);transition:transform .3s}