@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two&display=swap);@font-face{font-family:'Circular Pro Book';src:url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book.eot);src:url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book.eot#iefix) format("embedded-opentype"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book.woff2) format("woff2"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book.woff) format("woff"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book) format("truetype"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/book/CircularPro-Book.svg#AchilleIIFY-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'Circular Pro Bold';src:url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.eot);src:url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.eot#iefix) format("embedded-opentype"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.woff2) format("woff2"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.woff) format("woff"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.ttf) format("truetype"),url(https://www.voile-ombrage-sur-mesure.com/public/fonts/circularpro/bold/CircularPro-Bold.svg#AchilleIIFY-Regular) format("svg");font-weight:400;font-style:normal}main .block-page .arbor-picture{position:relative;z-index:1;background-color:#f0f0f0;background-image:url(https://www.voile-ombrage-sur-mesure.com/public/img/icon/picture-none.png);background-position:center;background-repeat:no-repeat;background-size:cover;height:360px;margin-bottom:25px;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 10px 5px -5px rgba(0,0,0,.3)}main .block-page .arbor-picture>.picture-canvas,main .block-page .arbor-picture>.picture-dims{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-position:center;background-repeat:no-repeat}main .block-page .arbor-picture>.picture-dims{z-index:2;background-size:contain;background-color:#fff}main .block-page .arbor-picture>.picture-canvas{z-index:2;background-size:cover;display:none}main .block-page .accordion-resume>.card>.card-header{padding:0}main .block-page .accordion-resume>.card>.card-header button.btn{background-color:#9d0a1b;margin:0;padding:.75rem 1.25rem;color:#222;font-weight:700;width:100%;text-align:left;border-radius:0;-webkit-transition:all 333ms ease-out;-moz-transition:all 333ms ease-out;-o-transition:all 333ms ease-out;transition:all 333ms ease-out}main .block-page .accordion-resume>.card>.card-header button.btn.collapsed{font-weight:400;background-color:#f0f0f0;color:#212529}main .block-page .accordion-resume>.card .card-body{background-color:#fff}main .block-page .accordion-resume>.card .card-body>ul{background-color:#f0f0f0;list-style:none;padding:1rem;margin:0}main .block-page .accordion-resume>.card .card-body>ul>li{font-size:80%;text-transform:uppercase}main .block-page .accordion-resume>.card .card-body>ul>li ul{padding-left:.8rem}main .block-page .accordion-resume>.card .card-body>ul>li ul li{text-transform:uppercase}main .block-page .step-group>div>.setp-title{display:block;cursor:pointer;color:#212529}main .block-page .step-group>div>.setp-title>.setp-num{float:left;background-color:#9d0a1b;color:#fff;border-radius:50px;width:40px;height:40px;line-height:40px;text-align:center;font-size:28px;font-weight:700}main .block-page .step-group>div>.setp-title>.setp-num>i{font-size:75%}main .block-page .step-group>div>.setp-title>h3{margin:0 0 15px 50px;padding:0;text-align:left;line-height:40px;border-bottom:1px solid #9d0a1b}main .block-page .step-group>div>.setp-title>h3>.fa-edit{float:right;font-size:20px;margin-top:10px;display:none}main .block-page .step-group>div>.setp-desc{display:none;background-color:#f0f0f0;padding:15px;margin-bottom:15px;font-style:italic}main .block-page .step-group>div>.setp-content{display:none;margin-bottom:15px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}main .block-page .step-group>div>.setp-button{display:none;text-align:right;background-color:#f0f0f0;padding:15px;margin-bottom:30px}main .block-page .step-group>div>.setp-button>.btn{text-transform:uppercase;font-size:18px;font-weight:700;padding:.25rem 1.5rem}main .block-page .step-group>div.already-open>.setp-title{opacity:.5;filter:grayscale(50%)}main .block-page .step-group>div.already-open>.setp-title>h3>.fa-edit{display:inline-block}main .block-page .step-group>div.current>.setp-title{opacity:1;filter:grayscale(0);pointer-events:none}main .block-page .step-group>div.current>.setp-title>h3>.fa-edit{display:none}main .block-page .step-group>div.current>.setp-desc{display:block}main .block-page .step-group>div.current>.setp-content{display:block}main .block-page .step-group>div.current>.setp-button{display:block}main .block-page .step-group>div.disabled{pointer-events:none!important}main .block-page .step-group>div.disabled>.setp-title{opacity:.25;filter:grayscale(100%)}main .block-page .step-group>div.disabled>.setp-title>h3>i{display:none!important}main .block-page .step-group>div.masked{display:none!important;pointer-events:none!important}main .block-page .step-group>div.masked>.setp-title{display:none!important;pointer-events:none!important}main .block-page .step-group>div.step-1 .list-arbor-shape .card{border:none;border-radius:0;box-shadow:0 0 0 1px rgba(0,0,0,.2);background-color:#f0f0f0;margin-bottom:30px;-webkit-transition:all 333ms ease-out;-moz-transition:all 333ms ease-out;-o-transition:all 333ms ease-out;transition:all 333ms ease-out}main .block-page .step-group>div.step-1 .list-arbor-shape .card>.card-img{background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center;height:191px;width:100%}main .block-page .step-group>div.step-1 .list-arbor-shape .card>.card-body{text-align:center;padding:0}main .block-page .step-group>div.step-1 .list-arbor-shape .card>.card-body>.card-title{height:60px;max-height:60px;overflow:hidden;padding:1.25rem;margin:0}main .block-page .step-group>div.step-1 .list-arbor-shape .card>.card-body>.btn{background-color:#ccc;border-color:#ccc;color:#333;font-weight:700;text-transform:uppercase;border-radius:0;width:100%;font-size:14px}main .block-page .step-group>div.step-1 .list-arbor-shape .card>.card-body>.btn>.fa-check-square{display:none}main .block-page .step-group>div.step-1 .list-arbor-shape .card.selected{box-shadow:0 0 0 1px #9d0a1b;pointer-events:none}main .block-page .step-group>div.step-1 .list-arbor-shape .card.selected>.card-body>.btn{opacity:.8;pointer-events:none;background-color:#9d0a1b;border-color:#9d0a1b;color:#fff}main .block-page .step-group>div.step-1 .list-arbor-shape .card.selected>.card-body>.btn>.fa-square{display:none}main .block-page .step-group>div.step-1 .list-arbor-shape .card.selected>.card-body>.btn>.fa-check-square{display:inline-block}main .block-page .step-group>div.step-1 .list-arbor-shape .card:hover{box-shadow:0 0 0 1px rgba(0,0,0,.2),0 5px 5px -4px #000}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-diameter>.input-group>.form-control{border-radius:0;border-color:#f06;background-color:rgba(255,0,102,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-diameter>.input-group>.form-control:focus{color:#f06;background-color:rgba(255,0,102,.05);border-color:#f06;box-shadow:0 0 0 .2rem rgba(255,0,102,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-diameter>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(255,0,102,.05);background-color:#f06;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-length>.input-group>.form-control{border-radius:0;border-color:#c60;background-color:rgba(204,102,0,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-length>.input-group>.form-control:focus{color:#c60;background-color:rgba(204,102,0,.05);border-color:#c60;box-shadow:0 0 0 .2rem rgba(204,102,0,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-length>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(204,102,0,.05);background-color:#c60;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-width>.input-group>.form-control{border-radius:0;border-color:#8c9800;background-color:rgba(140,152,0,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-width>.input-group>.form-control:focus{color:#8c9800;background-color:rgba(140,152,0,.05);border-color:#8c9800;box-shadow:0 0 0 .2rem rgba(140,152,0,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-width>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(140,152,0,.05);background-color:#8c9800;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-shortlength>.input-group>.form-control{border-radius:0;border-color:#bf0000;background-color:rgba(191,0,0,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-shortlength>.input-group>.form-control:focus{color:#bf0000;background-color:rgba(191,0,0,.05);border-color:#bf0000;box-shadow:0 0 0 .2rem rgba(191,0,0,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-shortlength>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(191,0,0,.05);background-color:#bf0000;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-hiplength>.input-group>.form-control{border-radius:0;border-color:#603;background-color:rgba(102,0,51,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-hiplength>.input-group>.form-control:focus{color:#603;background-color:rgba(102,0,51,.05);border-color:#603;box-shadow:0 0 0 .2rem rgba(102,0,51,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-hiplength>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(102,0,51,.05);background-color:#603;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-legheight>.input-group>.form-control{border-radius:0;border-color:#069;background-color:rgba(0,102,153,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-legheight>.input-group>.form-control:focus{color:#069;background-color:rgba(0,102,153,.05);border-color:#069;box-shadow:0 0 0 .2rem rgba(0,102,153,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-legheight>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(0,102,153,.05);background-color:#069;color:#fff}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-totalheight>.input-group>.form-control{border-radius:0;border-color:#056837;background-color:rgba(5,104,55,.05)}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-totalheight>.input-group>.form-control:focus{color:#056837;background-color:rgba(5,104,55,.05);border-color:#056837;box-shadow:0 0 0 .2rem rgba(5,104,55,.2)!important}main .block-page .step-group>div.step-2 .block-dims .form-group.form-group-totalheight>.input-group>.input-group-append>.input-group-text{border-radius:0;border-color:rgba(5,104,55,.05);background-color:#056837;color:#fff}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data{margin:0 0 15px 0;padding:15px;border:1px solid rgba(0,0,0,.125);opacity:.5;-webkit-transition:all 333ms ease-out;-moz-transition:all 333ms ease-out;-o-transition:all 333ms ease-out;transition:all 333ms ease-out}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data>legend{background-color:#f0f0f0;font-size:18px;font-weight:700;padding:5px 15px;color:#212529;width:auto;min-width:50%;border-radius:5px;-webkit-transition:all 333ms ease-out;-moz-transition:all 333ms ease-out;-o-transition:all 333ms ease-out;transition:all 333ms ease-out}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data>.canvas-colors>.canvas-color{float:left;width:40px;height:60px;margin:0 5px 5px 0;line-height:40px;text-align:center;border-radius:25px;box-shadow:0 0 0 1px rgba(0,0,0,.3);cursor:pointer}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data>.canvas-colors>.canvas-color>i{background-color:rgba(255,255,255,.3);color:#000;border-radius:25px;width:26px;height:26px;line-height:26px;text-align:center;box-shadow:0 0 0 1px rgba(0,0,0,.3);display:none}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data>.canvas-colors>.canvas-color.selected{pointer-events:none}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data>.canvas-colors>.canvas-color.selected>i{display:inline-block}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data:hover{opacity:1}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data.active{opacity:1;border:1px solid #9d0a1b}main .block-page .step-group>div.step-3 .canvas-list>fieldset.canvas-data.active>legend{background-color:#9d0a1b;color:#fff}main .block-page .step-group>div.step-4 .finition-fallout,main .block-page .step-group>div.step-4 .finition-fixation{background-color:#f0f0f0}main .block-page .step-group>div.step-4 .finition-fallout>.media-body,main .block-page .step-group>div.step-4 .finition-fixation>.media-body{padding:30px 15px}main .block-page .step-group>div.step-4 .finition-fallout>img,main .block-page .step-group>div.step-4 .finition-fixation>img{width:100%;max-width:190px}main .block-page .step-group>div.step-4 .block-price{text-align:right;margin:0 0 15px 0}main .block-page .step-group>div.step-4 .block-price>.price-intval{color:red;font-size:38px;font-weight:700}main .block-page .step-group>div.step-4 .block-price>.price-floatval{font-size:20px;color:red;top:-12px;font-weight:700}main .block-page .step-group>div.step-4 .block-price>.price-text{font-size:34px;font-weight:lighter;margin-left:10px;opacity:.7}