body{margin:0;font-family:"Open Sans",sans-serif;font-weight:400;font-style:normal;color:#0e1c29}#arrow{position:fixed;z-index:1;width:100px;bottom:2rem;right:2rem}#arrow:hover{-webkit-animation:animArrow .5s linear infinite;animation:animArrow .5s linear infinite}@-webkit-keyframes animArrow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes animArrow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}#padHeader{display:none}@-webkit-keyframes animPadHeader{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes animPadHeader{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#banniere{display:-webkit-flex;display:flex}#ban1{-webkit-flex:1 1;flex:1 1}#ban2{-webkit-flex:5 1;flex:5 1;background-color:#0e1c29;color:#fff;font-weight:700;text-align:left;border-left:1px groove #0e1c29}#padLegal,#padNavig{display:none}#padNavig{-webkit-animation:animPadHeader .5s linear 1;animation:animPadHeader .5s linear 1;-webkit-transform-origin:0;transform-origin:0;background-color:#ececec;padding:.5rem}#padNavig ul{list-style:none}#ban2 h2{margin:0;padding:.5em 0;font-size:1.1rem;text-decoration:none!important;text-transform:uppercase;letter-spacing:.3rem}#menu{display:-webkit-flex;display:flex;height:150px}#logo{-webkit-flex:1 1;flex:1 1;text-align:center}#logo img{height:60%;position:relative;top:-15px}#navig{-webkit-flex:5 1;flex:5 1;height:auto}nav{background-color:hsla(0,0%,100%,.9);height:110px}ul{margin:0;padding:0;font-weight:700;height:100%}li{-webkit-flex:1 1;flex:1 1;text-align:center}nav ul{list-style:none;display:-webkit-flex;display:flex}nav ul li a{text-decoration:none;font-size:1.1rem;position:relative;top:35%;color:#0e1c29;text-transform:uppercase}nav ul li a:hover{text-decoration:underline}nav ul span{margin:0;position:relative;top:35%}header{height:700px;background-color:#ececec;background-image:url(/static/media/eyeemfiltered1579424914184.724a306b.jpg);background-size:cover;background-position:0}#presentation{position:relative;top:70px;width:40%;margin:auto}#presentation div{position:relative;padding:1rem;background-color:rgba(0,0,0,.9);color:#fff;text-align:center;font-weight:700;font-size:1rem;-webkit-animation:slide .5s linear 1;animation:slide .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slide{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes slide{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}#Metal{background-color:hsla(0,0%,100%,.9);width:50%;margin:auto;color:#0e1c29;display:none;padding:2rem;position:relative;top:70px;-webkit-animation:metal .5s linear 1;animation:metal .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Metal h2{margin:0;text-decoration:none}@-webkit-keyframes metal{0%{opacity:0;left:20%}to{opacity:1;left:0}}@keyframes metal{0%{opacity:0;left:20%}to{opacity:1;left:0}}#Facades{background-color:hsla(0,0%,100%,.9);width:50%;margin:auto;color:#0e1c29;display:none;padding:2rem;position:relative;top:70px;-webkit-animation:facades .5s linear 1;animation:facades .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Facades h2{margin:0;text-decoration:none}@-webkit-keyframes facades{0%{opacity:0;left:-20%}to{opacity:1;left:0}}@keyframes facades{0%{opacity:0;left:-20%}to{opacity:1;left:0}}#Batiments{background-color:hsla(0,0%,100%,.9);width:50%;margin:auto;color:#0e1c29;display:none;padding:2rem;position:relative;top:70px;-webkit-animation:metal .5s linear 1;animation:metal .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Batiments h2{margin:0;text-decoration:none}#References{background-color:hsla(0,0%,100%,.9);width:50%;margin:auto;color:#0e1c29;display:none;padding:2rem;position:relative;top:70px;-webkit-animation:facades .5s linear 1;animation:facades .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#References h2{margin:0;text-decoration:none}#References img{width:150px}#Contact{position:relative;top:70px;width:40%;margin:auto;padding:1rem;background-color:hsla(0,0%,100%,.9);text-align:center;font-weight:700;font-size:1rem;-webkit-animation:slide .5s linear 1;animation:slide .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;display:none}#Contact p{font-size:1.2rem;text-transform:uppercase}#Legalo{background-color:hsla(0,0%,100%,.9);width:50%;margin:auto;color:#0e1c29;display:none;padding:2rem;position:relative;top:70px;-webkit-animation:slide .5s linear 1;animation:slide .5s linear 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#Legalo h2{margin:0;text-decoration:none}#Contact ul{margin:1rem;list-style:none;font-weight:400}h1::selection{background-color:#000}h2::selection{background-color:#000;color:#fff}a::selection{background-color:#000;color:#fff}h3::selection{background-color:#000;color:#fff}p::selection{background-color:#000;color:#fff}li::selection{background-color:#000;color:#fff}b::selection{background-color:#000;color:#fff}span::selection{background-color:#000;color:#fff}img::selection{background-color:#fff}label::selection{background-color:#000;color:#fff}input::selection{background-color:#000;color:#fff}button::selection{background-color:#000;color:#fff}br::selection{background-color:#000;color:#fff}footer{margin:6rem 0 0;background-color:#ececec;color:#0e1c29}footer a{color:#0e1c29;text-decoration:none;font-weight:700}#foot{display:-webkit-flex;display:flex}#foot div{-webkit-flex:1 1;flex:1 1;height:100%}#foot p{margin:2rem;text-align:center;font-weight:700;text-decoration:underline}footer ul{margin:0;display:block;font-weight:400}footer hr{margin-top:3rem;border:.5px solid #0e1c29;border-collapse:collapse}.noFooter{text-decoration:none!important;font-weight:400!important}#ms{text-align:center;padding-bottom:3rem}#no{visibility:hidden}@media screen and (max-width:1200px){#arrow,#espace{display:none}#banniere{display:block}#ban1{display:none}#ban2 div{display:-webkit-flex;display:flex}#ban2 h2{width:60%;margin:auto;-webkit-flex:4 1;flex:4 1}#menu{display:none}#padHeader{display:block;text-align:center;background-color:hsla(0,0%,100%,.9);padding:1rem}#padHeader img{width:200px}#padLegal{position:static;left:.5rem;height:40px;top:.7rem;display:block;padding:1rem}#padNavig a{font-weight:700;color:#0e1c29;text-decoration:none;font-size:1.1rem;text-transform:uppercase}#Metal,#presentation{width:50%}#Metal h2{font-size:2rem}#Facades{width:50%}#Facades h2{font-size:2rem}#Batiments{width:50%}#Batiments h2{font-size:2rem}#References{width:50%}#References h2{font-size:2rem}#Contact,#Legalo{width:50%}#Legalo h2{font-size:2rem}h1{font-size:3rem!important}#nousContacter h3{font-size:2rem}#nousContacter li{font-size:1.2rem}main h2{width:90%;margin:5rem auto}header{height:800px!important}#exp,#plusengage{width:90%!important}#fournisseurs{margin-left:5%!important}#fournisseurs,#produits{width:45%!important}#depan,#h24,#partenaires{width:90%!important}#inox{margin-left:5%!important}#acier,#inox{width:45%!important}#escaliers,#mezza,#travaillons{width:90%!important}#allu{margin-left:5%!important}#allu,#bois{width:45%!important}#windows{width:90%!important}#windows div{padding:0!important}#windows li,#windows ul{margin-top:0!important}#baie,#miroir,#rido,#volets{width:90%!important}#baie img{height:100%!important}#blinde{width:90%!important}#serrure{margin-left:5%!important}#modele,#serrure{width:45%!important}#admin,#commerces,#urgence{width:90%!important}#commerces ul{margin:2rem!important}#assurances1{margin-left:5%!important}#assurances1,#assurances2{width:45%!important}#formulaire{width:90%!important}#b form{margin:auto;box-sizing:border-box;width:95%}#b form input,#b form textarea{box-sizing:border-box;margin:0 auto}}@media screen and (max-width:750px){h1{font-size:2rem!important}header{height:850px}#ban2 h2{font-size:.5rem}#padNavig a{font-size:1rem}#padHeader img{width:150px}#presentation{width:90%;box-sizing:border-box}#presentation img{width:100px}#Metal{width:90%;box-sizing:border-box}#Metal h2{font-size:1.5rem}#Facades{width:90%;box-sizing:border-box}#Facades h2{font-size:1.5rem}#Batiments{width:90%;box-sizing:border-box}#Batiments h2{font-size:1.5rem}#References{width:90%;box-sizing:border-box}#References h2{font-size:1.5rem}#Contact{width:90%;box-sizing:border-box}#Contact img{width:70px}#Contact p{font-size:1rem}#Legalo{width:90%;box-sizing:border-box}#Legalo h2{font-size:1.5rem}main h2{font-size:2rem}footer{padding-top:1rem;padding-left:1rem;padding-right:1rem}footer ul{list-style:none}#foot{display:block}#exp div{padding-top:1rem!important}#plusengage{margin-top:3rem!important}#fournisseurs{margin:auto!important}#fournisseurs,#produits{width:90%!important;box-shadow:10px 10px #202020!important}#produits{margin:6rem auto auto!important}#partenaires{display:block!important}#partenaires div{padding-top:1rem!important}#exp{display:block!important}#acier,#inox{width:90%!important;box-shadow:10px 10px #202020!important;margin:6rem auto auto!important}#escaliers,#mezza{display:block!important}#mezza div{padding:1rem!important}#mezza div p{margin-top:2rem!important}#travaillons{display:block!important}#travaillons div{padding:1rem!important}#allu,#bois{width:90%!important;box-shadow:10px 10px #202020!important;margin:6rem auto auto!important}#windows{display:block!important}#windows div{padding:.5rem!important;text-align:center!important}#windows li{margin-top:-.5rem!important}#baie{display:block!important}#baie div{padding:1rem!important}#miroir{display:block!important}#miroir div{padding:1rem!important}#volets{display:block!important}#volets div{padding:1rem!important}#blinde{display:block!important}#blinde div{padding:1rem!important}#modele,#serrure{width:90%!important;box-shadow:10px 10px #202020!important;margin:6rem auto auto!important}#urgence{display:block!important}#urgence div{padding:1rem!important}#admin{display:block!important;height:auto!important}#admin div{padding:1rem!important}#commerces{display:block!important}#commerces div{padding:1rem!important}#assurances1,#assurances2{width:90%!important;box-shadow:10px 10px #202020!important;margin:6rem auto auto!important}#formulaire,#nousContacter{display:block!important}#a,#b{padding:1rem}#lois section{width:90%!important}#lois section ul{width:60%!important}}@media screen and (max-width:300px){h1{font-size:1.5rem!important}}@media screen and (min-width:1200px){#padNavig{display:none!important}}h1{margin:0;padding:3rem;font-size:4rem;background-color:#0e1c29;color:#fff;letter-spacing:.5rem}h1,h2{text-align:center}h2{font-size:2.5rem;-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline;text-transform:uppercase;margin:5rem 0;letter-spacing:.1rem}#exp{background-color:#ececec;width:80%;margin:auto;display:-webkit-flex;display:flex}#exp div{-webkit-flex:1 1;flex:1 1;text-align:center}#exp p{margin:2rem}#exp div img{height:100%;width:100%;margin:0}#plusengage{width:80%;margin:auto;background-color:#0e1c29;color:#fff}#plusengage article ul{display:block;list-style:none;font-weight:400}#plusengage article ul li{border:0}#plusengage article{margin:0}#plusengage h3{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline;font-size:1.5rem;margin:0;text-align:center}#mesure{width:50%;text-align:center;font-weight:700;margin:auto auto 6rem;font-size:1.2rem}#fournisseurs{position:relative;background-color:#ececec;margin-left:10%;width:40%;box-shadow:20px 20px #202020}#fournisseurs p{margin:2rem}#produits{position:relative;width:40%;background-color:#0e1c29;color:#fff;margin-left:50%;z-index:1!important;box-shadow:20px 20px #202020}#produits p{margin:1rem;text-align:center}#produits ul{display:block;font-weight:400;margin:2rem;list-style:none}#h24{width:80%;margin:auto;background-color:#0e1c29;color:#fff}#h24 ul{margin:0 4rem;font-weight:400;display:block;list-style:none}#h24 p,#h24 ul li{text-align:center}#h24 p{margin:2rem}#h24 b{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#depan{display:-webkit-flex;display:flex;width:80%;margin:auto}#depan div{-webkit-flex:1 1;flex:1 1}#depan div img{width:100%;height:100%}#aussi{background-color:#0e1c29;color:#fff;padding:1rem;text-align:center;font-size:1.3rem}#aussi p{width:80%;margin:2rem auto}#aussi span{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#partenaires{display:-webkit-flex;display:flex;width:80%;margin:auto}#partenaires :first-child{background-color:#ececec}#partenaires div{-webkit-flex:1 1;flex:1 1}#partenaires img{width:100%;height:100%}#partenaires ul{display:block;height:auto}#partenaires ul li{font-weight:400!important;text-align:left;margin-left:3rem}#partenaires p{margin:2rem}#partenaires button{display:block;margin:auto;position:relative;font-family:sans-serif;padding:.9rem .5rem;border-radius:4px;font-weight:bolder;border:0}#inox,#partenaires button{background-color:#0e1c29;color:#fff}#inox{margin-top:6rem;margin-left:10%;width:40%;box-shadow:20px 20px #202020}#inox ul{display:block;font-weight:400}#inox ul,#inox ul li{list-style:#fff square;list-style-type:square}#inox ul li{text-align:left;-webkit-flex:none;flex:none;margin:.5rem .5rem .5rem 2rem}#inox p{margin:1rem;text-align:center;font-weight:700}#acier{margin-left:50%;width:40%;background-color:#ececec;box-shadow:20px 20px #202020}#acier p{margin:1rem;text-align:center;font-weight:700}#acier ul{display:block;font-weight:400;list-style:square}#acier ul li{text-align:left;margin:.5rem .5rem .5rem 2rem}#escaliers{width:80%;margin:auto;background-color:#0e1c29;color:#fff;display:-webkit-flex;display:flex}#escaliers h3{background-color:#0e1c29!important;color:#fff!important}#escaliers2 div{padding:1rem}#escaliers div :first-child{background-color:#ececec;color:#0e1c29}#escaliers img{width:100%;height:100%}#mezza{display:-webkit-flex;display:flex;width:80%;margin:auto}#mezza div{-webkit-flex:1 1;flex:1 1;background-color:#ececec}#mezza p{margin:2rem}#mezza img{width:100%;height:100%}button a{text-decoration:none;color:#fff;background-color:#0e1c29!important}#magasins{background-color:#0e1c29;color:#fff;padding:1rem;text-align:center;font-size:1.3rem}#magasins p{width:80%;margin:2rem auto}#magasins span{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#travaillons{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#ececec}#travaillons div{-webkit-flex:1 1;flex:1 1}#travaillons p{margin:2rem}#travaillons img{width:100%;height:100%}#allu{margin-top:6rem;margin-left:10%;width:40%;background-color:#ececec;box-shadow:20px 20px #202020}#allu p{margin:2rem}#allu h3{text-align:center}#bois{margin-left:50%;width:40%;background-color:#0e1c29;color:#fff;box-shadow:20px 20px #202020}#bois p{margin:2rem}#bois h3{text-align:center}#windows{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#0e1c29}#windows :first-child{background-color:#ececec;color:#0e1c29}#windows p{margin:2rem}#windows ul{list-style:square;font-weight:400;height:auto;color:#fff!important;margin:-1rem 2rem 2rem}#windows ul,#windows ul li{background-color:#0e1c29!important}#windows ul li{margin:1rem}#windows div{-webkit-flex:1 1;flex:1 1}#baie{display:-webkit-flex;display:flex;width:80%;margin:6rem auto auto;background-color:#0e1c29;color:#fff}#baie div{-webkit-flex:1 1;flex:1 1}#baie img{width:100%;height:300px}#baie h3{text-align:center}#baie h3,#baie p{margin:2rem}#miroir{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#0e1c29;color:#fff}#miroir div{-webkit-flex:1 1;flex:1 1}#miroir img{width:100%;height:100%}#miroir p{margin:2rem}#miroir ul{height:auto;text-align:left;font-weight:400;margin:2rem 4rem}#miroir ul li{list-style:square}#volets{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#ececec}#volets div{-webkit-flex:1 1;flex:1 1}#volets img{width:100%;height:100%}#volets p{margin:2rem}#rido{background-color:#0e1c29;color:#fff;width:80%;margin:auto}#rido p{margin:2rem}#rido ul{text-align:left;font-weight:400;margin:2rem 4rem}#rido ul li{text-align:left;list-style:square}#rido span{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#notre{background-color:#0e1c29;color:#fff;padding:1rem;text-align:center;font-size:1.3rem}#notre p{width:80%;margin:2rem auto}#blinde{display:-webkit-flex;display:flex;width:80%;margin:auto}#blinde div{-webkit-flex:1 1;flex:1 1;background-color:#ececec}#blinde img{width:100%;height:100%}#blinde p{margin:2rem}#serrure{margin-top:6rem;margin-left:10%;width:40%;background-color:#0e1c29;color:#fff;box-shadow:20px 20px #202020}#serrure h3{text-align:center}#serrure p{margin:2rem}#modele{margin-top:0;margin-left:50%;width:40%;background-color:#ececec;box-shadow:20px 20px #202020}#modele h3{text-align:center}#modele p{margin:2rem}#modele ul{margin:0 4rem;list-style:square}#modele ul li{text-align:center;font-weight:400}#urgence{display:-webkit-flex;display:flex;width:80%;margin:auto}#urgence :last-child{background-color:#0e1c29}#urgence div{-webkit-flex:1 1;flex:1 1;background-color:#ececec}#urgence img{width:100%;height:100%}#urgence p{background-color:#ececec!important;margin:2rem}#siege{background-color:#0e1c29;color:#fff;padding:1rem;text-align:center;font-size:1.3rem}#siege p{width:80%;margin:2rem auto}#siege ul{width:50%;margin:auto}#siege ul li{font-weight:400;text-align:justify;list-style:square;font-size:1.1rem}#siege a{color:#fff;-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#admin{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#ececec;height:240px}#admin div{-webkit-flex:1 1;flex:1 1}#admin img{width:100%;height:100%}#admin ul{margin:2rem;list-style:square}#admin ul li{font-weight:400;text-align:left;margin:1rem}#commerces{display:-webkit-flex;display:flex;width:80%;margin:auto;background-color:#0e1c29;color:#fff}#commerces div{-webkit-flex:1 1;flex:1 1}#commerces img{width:100%;height:100%}#commerces ul li a{-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline;color:#fff;font-size:1.5rem}#commerces ul li a:hover{font-weight:700}#commerces ul{margin:2rem 2rem 2rem 6rem;list-style:square}#commerces ul li{font-weight:400;text-align:left;margin:.2rem}#assurances1{background-color:#ececec;margin-left:10%;width:40%;margin-top:6rem;box-shadow:20px 20px #202020}#assurances1 h3{text-align:center;font-size:1.5rem}#assurances1 ul{text-align:center;font-weight:400;list-style:none}#assurances1 a{color:#0e1c29}#assurances1 a:hover{font-weight:700}#assurances1 ul li{margin:.1rem}#assurances2{margin-left:50%;width:40%;background-color:#0e1c29;color:#fff;box-shadow:20px 20px #202020}#assurances2 h3{text-align:center;font-size:1.5rem}#assurances2 ul{text-align:center;font-weight:400;list-style:none}#assurances2 ul li{margin:.1rem}#assurances2 a{color:#fff;-webkit-text-decoration:#ff0 underline;text-decoration:#ff0 underline}#assurances2 a:hover{font-weight:700}#nousContacter{background-color:#0e1c29;color:#fff;text-align:center;font-size:2rem;display:-webkit-flex;display:flex;padding:1rem 1rem 6rem}#nousContacter ul{list-style:none;font-size:1.5rem}#nousContacter div{-webkit-flex:1 1;flex:1 1}#formulaire{background-color:#ececec;width:80%;margin:auto;display:-webkit-flex;display:flex}#formulaire div{-webkit-flex:1 1;flex:1 1}#formulaire p{margin:2rem}#formulaire :first-child{background-color:#0e1c29;color:#fff}#formulaire img{display:block;margin:auto;width:20%}label{font-style:italic;background-color:#ececec!important;color:#0e1c29!important}input,label{display:block;width:100%}input{margin-bottom:.2rem}input,textarea{padding:.5rem;box-shadow:2px 2px #0e1c29;border:0}textarea{display:block;width:100%}form{width:85%;margin:2rem}#boutons,form{background-color:#ececec!important}#boutons{text-align:center}#boutons button{background-color:#0e1c29;color:#fff;font-family:sans-serif;padding:.7rem .5rem;border-radius:4px;font-weight:bolder;border:0;width:100px}#data input{display:inline!important;width:auto}#dataSpan{color:#0e1c29!important}form div{margin:.5rem}#mention{background-color:#0e1c29;color:#fff;padding:1rem;text-align:center;font-size:1.2rem}#mention p{width:80%;margin:.5rem auto}#lois section{width:80%;margin:auto;text-align:justify;font-size:1rem}#lois h3,#lois section p{margin:2rem}#lois ul{font-weight:400;margin:auto;width:50%;text-align:left}#lois ul li{text-align:justify;list-style:square;font-size:.9rem;margin:.2rem}
/*# sourceMappingURL=main.7a3bbf53.chunk.css.map */