body{margin:0;padding:0;height:100vh;width:100vw;display:flex;flex-direction:column;background-color:#444;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:12px;overflow:hidden;padding-top:67px;box-sizing:border-box}.step-content{display:none;height:100%;background-color:#fff}.step-content.selected{display:flex}.ui-widget-header{background:#5fa61c}.ui-slider-handle{-ms-touch-action:none;touch-action:none}.ui-slider-horizontal .ui-slider-handle{top:-5px}.ui-slider .ui-slider-handle{width:20px;height:20px}select{text-align:center;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;padding:10px;box-sizing:border-box}.nav-button{background-color:inherit;color:#fff;text-transform:uppercase;border:1px solid #fff;border-radius:10px;padding:10px;transition:all .5s;box-sizing:border-box;background-repeat:no-repeat;background-size:10px;cursor:pointer;letter-spacing:1px}.nav-button:hover{background-color:rgba(255,255,255,.2)}.next-step-button{padding-right:20px;background-position:right 5px center;background-image:url(../../img/buttons/next.svg)}.previous-step-button{padding-left:20px;background-position:left 5px center;background-image:url(../../img/buttons/previous.svg)}.nav-button.load{background-image:url(../../img/pictures/load.svg);background-position:10px center;background-size:24px;padding-left:44px}.nav-button.rotate{background-image:url(../../img/pictures/rotate.svg);background-position:10px center;background-size:24px;padding-left:44px}.nav-button.center{text-align:center}#dlg-colors .dialog-message{padding:0}#view-teintes-teintes{display:flex;flex-direction:column;width:100%}#view-teintes-sous-categories{text-align:center;z-index:1;padding:10px;box-shadow:0 0 3px rgba(0,0,0,.5);box-sizing:border-box}#view-teintes-cat{width:100%;margin-bottom:10px}#view-teintes-sous-categories-list{width:100%}#view-teintes-list{min-width:358px;max-width:358px;height:100%;padding:5px;overflow-y:auto;box-sizing:border-box}#view-teintes-list>div{display:flex;flex-wrap:wrap}.view-teintes-sous-categorie{padding:10px 0 10px 5px;border-top:1px solid #ccc;background-position:right 10px center;background-size:10px;background-repeat:no-repeat;background-image:url(../../img/products/gammes/expand.svg);cursor:pointer}.view-teintes-sous-categorie.selected{background-color:rgba(124,255,0,.49)}.view-teintes-sous-categorie:last-child{border-bottom:1px solid #ccc}.view-teintes-teinte{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;cursor:pointer;margin:5px;box-shadow:0 0 3px rgba(0,0,0,.5)}.view-teintes-teinte.selected{background-color:rgba(124,255,0,.49)}.view-teintes-teinte-thumb{min-width:100px;max-width:100px;min-height:100px;max-height:100px;box-sizing:border-box;background-position:center;background-size:cover;background-repeat:no-repeat;display:inline-block;transform:rotate(90deg)}.view-teintes-teinte-title{padding:5px}.dialog-background{z-index:20;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.dialog-background.colored{background-color:rgba(125,125,125,.3)}.dialog-window{position:relative;max-width:90%;max-height:70%;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.5)}.dialog-title{padding:5px;background-color:#444;color:#fff;text-align:center;text-transform:uppercase;font-size:13px;border-radius:5px 5px 0 0;letter-spacing:1px;cursor:grab}.dialog-title.grabbed{cursor:grabbing}.dialog-message{height:100%;padding:10px;color:#444;overflow:auto;display:flex;margin-bottom:47px}.dialog-message p{text-align:justify}.dialog-buttons{text-align:center;position:absolute;bottom:0;left:0;width:100%;background-color:#444;box-sizing:border-box;box-shadow:0 0 7px rgba(0,0,0,.5)}.dialog-buttons button{min-width:100px;margin:5px;padding:10px;border:1px solid #fff;border-radius:10px;color:#fff;background-color:transparent;cursor:pointer;transition:all .5s}.dialog-buttons button:hover{background-color:rgba(255,255,255,.2)}#footer{min-height:20px;max-height:20px;display:none;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#5fa61c;color:#fff;font-size:11px;padding-right:10px;box-sizing:border-box}#footer a{color:#fff}@font-face{font-family:Gotham;src:url(../../fonts/gotham-light-regular.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Gotham;src:url(../../fonts/gotham-book.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Gotham;src:url(../../fonts/gotham-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Gotham;src:url(../../fonts/Gotham-Black-Regular.woff) format("woff");font-weight:900;font-style:normal}#header{display:flex;flex-direction:row;background-color:#fff;z-index:1;box-shadow:0 0 4px rgba(0,0,0,.5);position:fixed;width:100%;height:67px;align-items:center;top:0;left:0}#header-logo{min-width:250px;max-width:250px;min-height:57px;max-height:57px;margin:5px;background-image:url(../../img/header/logo.png);background-position:center;background-repeat:no-repeat;background-size:contain}#header-steps{margin-left:30px;width:100%;display:none;align-items:center}.header-step{height:45px;display:flex;align-items:center;margin-right:50px;border-bottom:3px solid #5fa61c;box-sizing:border-box;cursor:pointer}.header-step.selected{border-bottom:3px solid #fff266}.header-step-number{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;color:#5fa61c;margin-right:10px;line-height:100%;padding:0;font-size:20px}.header-step-title{display:flex;flex-direction:column}.header-step-small{color:#333;font-size:12px}.header-step-big{color:#fff;font-size:14px;text-transform:uppercase}#header-links{margin-left:30px;margin-right:30px;width:100%;display:flex;align-items:center}#header-links a{font-size:14px;text-transform:uppercase;text-decoration:none;color:#676064;font-family:"Gotham";font-weight:700;margin-right:30px;height:100%;display:flex;align-items:center}#header-links a:last-child{margin-right:0}#header-magasins{padding-right:30px;background-image:url(../../img/header/magasins.png);background-repeat:no-repeat;background-position:right}#header h1{margin:0 0 0 30px;width:100%;display:flex;align-items:center;font-size:16px;text-transform:uppercase;color:#676064;font-family:"Gotham";font-weight:700;margin-right:30px;height:100%}#view-options-sous-categories-list{min-width:150px;max-width:150px;overflow-y:auto}#view-options-list{max-width:600px;width:100%;display:flex;flex-wrap:wrap;margin-left:10px;overflow-y:auto}.view-options-sous-categorie{padding:10px 0 10px;border-top:1px solid #ccc;background-position:right 10px center;background-size:10px;background-repeat:no-repeat;background-image:url(../../img/products/gammes/expand.svg);cursor:pointer}.view-options-sous-categorie.selected{background-color:rgba(124,255,0,.49)}.view-options-sous-categorie:last-child{border-bottom:1px solid #ccc}.view-options-option{display:flex;flex-direction:column;align-items:center;text-align:center;width:100px;padding:10px}.view-options-option.selected{background-color:rgba(124,255,0,.49)}.view-options-option-thumb{min-width:80px;max-width:80px;min-height:80px;max-height:80px;box-sizing:border-box;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block;margin-bottom:10px}.view-options-option-thumb.none{background-size:30px;background-image:url(../../img/buttons/none.svg)}#txt-pictures-loader{display:none}#pictures{flex-direction:column;width:100%;background-color:#616161}#pictures.selected{display:flex;padding-bottom:60px;box-sizing:border-box}#pictures>div:first-child{display:flex;flex-direction:row;height:100%;width:100%}#pictures-import{display:flex;height:100%;width:100%}#pictures-import>div:first-child{display:flex;flex-direction:column;height:100%;width:100%;margin-left:50px}#pictures-ready{display:flex;flex-direction:column;margin-right:50px;margin-bottom:50px}#pictures-separator{display:flex;flex-direction:column}#pictures-separator>div:last-child{margin:0 50px 50px 50px;min-width:1px;max-width:1px;background-color:#5fa61c;height:100%}.pictures-title{display:flex;margin-bottom:20px;margin-top:30px;min-height:45px;color:#fff;font-size:20px;justify-content:center}.pictures-title span{margin-left:5px;color:#fdff72}#pictures-drop{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;border:1px solid #333;cursor:pointer;position:relative;margin-bottom:50px}#pictures-drop-picto{height:200px;width:200px;background-image:url(../../img/pictures/upload.svg);background-position:center;background-repeat:no-repeat;background-size:contain}#pictures-drop-title{font-size:16px;font-style:italic;color:#333}#pictures-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#pictures-canvas.active{display:block}#pictures-adjust-slider{position:absolute;top:0;height:100%;right:-50px;display:none}#pictures-adjust-slider.active{display:block}.pictures-menu-item.redress{background-image:url(../../img/pictures/redress.svg)}.pictures-menu-separator{width:1px;height:30px;background-color:#5fa61c;margin:0 20px 0 20px}#pictures-ready-list{overflow-y:auto;padding-right:10px}.pictures-env{width:250px;height:140px;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#fff;border:1px solid #333;margin-bottom:10px;cursor:pointer}#pictures-actions{min-height:60px;height:60px;display:flex;justify-content:center;align-items:center;box-shadow:0 -1px 2px rgba(0,0,0,.2);background-color:#5fa61c;position:fixed;bottom:0;left:0;width:100%}#pictures-actions>div{margin:0 5px 0 5px}#env-1{background-image:url(../../scenes/door-1.jpg)}#env-2{background-image:url(../../scenes/gate-1.jpg)}#env-3{background-image:url(../../scenes/terrasse-1.jpg)}#products{flex-direction:row-reverse}#products-search-bar{min-width:230px;max-width:230px;display:flex;flex-direction:column;background-color:#f9f9f9;box-shadow:1px 0 3px rgba(0,0,0,.2)}#products-area{width:100%;background-color:#fff;display:flex;flex-direction:column;height:100%;position:relative}#products-families{display:flex;flex-wrap:wrap;justify-content:center;padding:5px 0 5px 0;box-sizing:border-box;background-color:inherit}.products-family{display:flex;width:50px;height:50px;background-color:#707070;background-position:center;background-repeat:no-repeat;margin:2px;cursor:pointer;transition:all .5s}select option.products-family{background-color:#fff}.products-family.disabled{opacity:.3;cursor:default}.products-family.portail{background-image:url(../../img/products/families/gates.png);border-bottom:3px solid #6cab90}.products-family.portail.selected{background-color:#6cab90}.products-family.porte{background-image:url(../../img/products/families/doors.png);border-bottom:3px solid #63c3d1}.products-family.porte.selected{background-color:#63c3d1}.products-family.store{background-image:url(../../img/products/families/awnings.png);border-bottom:3px solid #fc0}.products-family.store.selected{background-color:#fc0}.products-family.pergola{background-image:url(../../img/products/families/pergolas.png);border-bottom:3px solid #e45e57}.products-family.pergola.selected{background-color:#e45e57}#cb-products-families{padding:10px;box-sizing:border-box;margin:10px}#products-features{height:100%;overflow-y:auto;background-color:inherit}.products-feature{padding:10px}.products-feature-title{color:#fff;padding:5px;margin-bottom:5px;text-transform:uppercase}.products-feature-title.portail{background-color:#6cab90}.products-feature-title.cloture{background-color:#6cab90}.products-feature-title.garde-corps{background-color:#6cab90}.products-feature-title.porte{background-color:#63c3d1}.products-feature-title.store{background-color:#fc0}.products-feature-title.pergola{background-color:#e45e57}.products-feature-title.garage{background-color:#2764ae}.products-feature-title.marquise{background-color:#52cacc}.products-feature-title.volet{background-color:#772869}.products-feature-value{display:flex;align-items:center;padding-left:5px;margin-bottom:5px}.products-feature-value-title{margin-left:5px;cursor:pointer}#products-list-family{display:flex;align-items:center;padding:20px 0 20px 20px}#products-list-family-picture{padding:20px;background-position:center;background-repeat:no-repeat;background-size:30px}#products-list-family-picture.porte{background-image:url(../../img/products/families/doors-dark.png)}#products-list-family-picture.portail{background-image:url(../../img/products/families/gates-dark.png)}#products-list-family-picture.pergola{background-image:url(../../img/products/families/pergolas-dark.png)}#products-list-family-picture.store{background-image:url(../../img/products/families/awnings-dark.png)}#products-list-family-name{font-size:16px;text-transform:uppercase;color:#444}#products-list-family-details{width:100%}#products-search-error{font-size:14px;padding:10px 20px 10px 20px;background-color:#fff;border:1px solid #5fa61c;border-radius:10px;text-align:center;box-shadow:0 0 2px rgba(0,0,0,.3)}#products-list-family-infos{font-size:10px;color:#5fa61c;text-transform:uppercase}#products-list{height:100%;overflow-y:auto;position:relative;margin:0 0 0 20px;padding-right:10px}#products-list.no-product{background-image:url(../../img/products/gammes/no-product.jpg);margin-left:0;display:flex;justify-content:center;align-items:center;box-shadow:2px 0 2px rgba(0,0,0,.3) inset}#products-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);background-image:url(../../img/loading/loader.gif);background-size:40px;background-position:center;background-repeat:no-repeat}.products-gamme{margin-top:20px}.products-gamme:first-child{margin-top:0}.products-gamme-header{height:10px;margin:5px}.products-gamme-header.portail{background-color:#6cab90}.products-gamme-header.cloture{background-color:#6cab90}.products-gamme-header.garde-corps{background-color:#6cab90}.products-gamme-header.porte{background-color:#63c3d1}.products-gamme-header.store{background-color:#fc0}.products-gamme-header.pergola{background-color:#e45e57}.products-gamme-header.garage{background-color:#2764ae}.products-gamme-header.marquise{background-color:#52cacc}.products-gamme-header.volet{background-color:#772869}.products-gamme-info{width:315px;height:359px;padding:10px;box-sizing:border-box;margin-bottom:15px;display:inline-block;vertical-align:top;margin:5px}.products-gamme-info.portail{background:linear-gradient(to bottom right,#6cab90,#598b76)}.products-gamme-info.cloture{background:linear-gradient(to bottom right,#6cab90,#598b76)}.products-gamme-info.garde-corps{background:linear-gradient(to bottom right,#6cab90,#598b76)}.products-gamme-info.porte{background:linear-gradient(to bottom right,#63c3d1,#54a4b0)}.products-gamme-info.store{background:linear-gradient(to bottom right,#fc0,#ffb100)}.products-gamme-info.pergola{background:linear-gradient(to bottom right,#e45e57,#c6534d)}.products-gamme-info.garage{background:linear-gradient(to bottom right,#2764ae,#165198)}.products-gamme-info.marquise{background:linear-gradient(to bottom right,#52cacc,#3db0b2)}.products-gamme-info.volet{background:linear-gradient(to bottom right,#772869,#6b1b5d)}.products-gamme-info.maconnerie{display:none}.products-gamme-info>div{display:flex;flex-direction:column;width:100%;height:100%}.products-gamme-info-family{font-size:13px;font-weight:bold;color:#333;text-transform:uppercase}.products-gamme-info-name{font-size:30px;line-height:100%;font-weight:bold;color:#fff;text-transform:uppercase;margin-bottom:10px}.products-gamme-info-details{display:flex;flex-direction:column;color:#fff;font-size:14px;height:100%}.products-gamme-info.pergola .products-gamme-info-details{flex-direction:row}.products-gamme-info-description,.products-gamme-info-caracs{display:flex;flex-direction:column}.products-gamme-info-description{margin-bottom:5px}.products-gamme-info.pergola .products-gamme-info-description{text-align:justify}.products-gamme-info-separator{min-width:1px;width:1px;background-color:#fff;margin-right:10px;margin-left:10px}.products-gamme-info-description ul{padding-left:0;margin:0 0 0 15px;list-style-type:square}.products-gamme-info-description ul li{margin:5px 0 5px 0}.products-gamme-info-carac{display:flex;align-items:center;margin-bottom:10px;min-height:40px;background-color:rgba(255,255,255,.2);padding:5px;line-height:110%}.products-gamme-info-carac-name{margin-bottom:2px;width:100%}.products-gamme-info-carac-value{background:url(../../img/products/gammes/star.svg);background-position:left;background-repeat:space;height:20px;width:112px;min-width:112px;margin-left:10px}.products-gamme-info-carac-score{background:url(../../img/products/gammes/star-2.svg);background-position:left;background-repeat:space;height:20px}.products-gamme-info-carac-score.s1{width:20px}.products-gamme-info-carac-score.s2{width:43px}.products-gamme-info-carac-score.s3{width:66px}.products-gamme-info-carac-score.s4{width:89px}.products-gamme-info-carac-score.s5{width:112px}.products-gamme-info-indice{display:flex;justify-content:center;align-items:center;color:#fff;margin-top:10px}.products-gamme-info-indice.pergola{flex-direction:column}.products-gamme-info-indice-name{font-size:14px;text-align:center}.products-gamme-info-indice-value{font-size:20px;font-weight:bold;line-height:100%;margin-left:10px;text-shadow:2px 2px 3px rgba(0,0,0,.3)}.products-gamme-models{background-color:#fff}.products-gamme-model{display:inline-block;margin-bottom:15px;padding:10px;margin:5px;background-color:inherit}.products-gamme-model:hover{background-color:rgba(0,0,0,.1)}.products-gamme-model.selected.portail,.products-gamme-model.selected.portail:hover{background-color:rgba(89,139,118,.4)}.products-gamme-model.selected.cloture,.products-gamme-model.selected.cloture:hover{background-color:rgba(89,139,118,.4)}.products-gamme-model.selected.garde-corps,.products-gamme-model.selected.garde-corps:hover{background-color:rgba(89,139,118,.4)}.products-gamme-model.selected.porte,.products-gamme-model.selected.porte:hover{background-color:rgba(99,195,209,.4)}.products-gamme-model.selected.store,.products-gamme-model.selected.store:hover{background-color:rgba(255,204,0,.4)}.products-gamme-model.selected.pergola,.products-gamme-model.selected.pergola:hover{background-color:rgba(228,94,87,.4)}.products-gamme-model.selected.garage,.products-gamme-model.selected.garage:hover{background-color:rgba(39,100,174,.4)}.products-gamme-model.selected.marquise,.products-gamme-model.selected.marquise:hover{background-color:rgba(82,202,204,.4)}.products-gamme-model.selected.volet,.products-gamme-model.selected.volet:hover{background-color:rgba(119,40,105,.4)}.products-gamme-model-picture{width:295px;height:295px;background-position:center;background-size:contain;background-repeat:no-repeat}.products-gamme-model-name{text-align:center;margin-top:5px}.products-gamme-model-actions{text-align:center;margin-top:5px}#products-actions{min-height:60px;height:60px;display:flex;justify-content:center;align-items:center;box-shadow:0 -1px 2px rgba(0,0,0,.2);background-color:#5fa61c;z-index:1}#products-actions.hidden{display:none}@media screen and (max-width:1400px){.products-gamme-model-picture{width:180px;height:180px;background-position:center;background-size:contain;background-repeat:no-repeat}.products-gamme-info{width:200px;height:245px}.products-gamme-info-family{font-size:11px}.products-gamme-info-name{font-size:20px;margin-bottom:5px}.products-gamme-info-details{font-size:11px}.products-gamme-info-description ul li{margin:1px 0 1px 0}.products-gamme-info-carac{margin-bottom:5px;min-height:27px;padding:3px;line-height:110%}.products-gamme-info-carac-value{height:15px;width:85px;min-width:85px;margin-bottom:5px}.products-gamme-info-carac-score{height:15px}.products-gamme-info-carac-score.s1{width:15px}.products-gamme-info-carac-score.s2{width:32px}.products-gamme-info-carac-score.s3{width:50px}.products-gamme-info-carac-score.s4{width:67px}.products-gamme-info-carac-score.s5{width:85px}.products-gamme-info-indice{margin-top:5px}.products-gamme-info-indice.pergola{flex-direction:column}.products-gamme-info-indice-name{font-size:12px}.products-gamme-info-indice-value{font-size:20px}}#dlg-contact .dialog-window{max-height:90%}#dlg-contact .dialog-message{display:flex;margin-top:10px}#dlg-contact input,#dlg-contact select,#dlg-contact textarea{padding:10px;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;border:1px solid #a9a9a9}#dlg-contact input.error,#dlg-contact select.error,#dlg-contact textarea.error{border-bottom:1px solid #f00;background-color:#fbb8b8}.contact-big{text-transform:uppercase;color:#5fa61c;font-size:16px;margin-bottom:20px}.contact-small{color:#444;font-size:14px}.contact-field{margin-bottom:10px}.contact-field-title{text-transform:uppercase}.contact-field-input{display:flex;margin-top:5px}#txt-contact-address,#txt-contact-info{width:100%;resize:none}#txt-contact-name{width:100%;margin-left:5px}#txt-contact-mail{width:100%}#txt-contact-phone{width:100%}#txt-contact-zip{min-width:80px}#txt-contact-city{width:100%;margin-left:5px}#contact-form{width:500px;margin-left:20px}#contact-associate{width:400px;margin-left:40px;margin-right:20px;display:flex;flex-direction:column}#contact-associate-photo{background-image:url(../../img/contact/associate-default-2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:120px;min-height:120px}#contact-associate-details{text-align:center;height:100%}#contact-associate-details p{text-align:center;font-size:14px}#contact-associate-details strong{color:#5fa61c;font-weight:bold}#dlg-confirm-quote-send .dialog-message{flex-direction:column;justify-content:center;align-items:center;font-size:14px}.contact-associate-nearest{margin-top:20px}.contact-associate-name{color:#5fa61c;margin-top:20px;font-size:16px;text-transform:uppercase}#cb-contact-associate-name{width:100%;text-align:center;color:#5fa61c;text-transform:uppercase;font-size:16px;margin-top:5px;margin-bottom:5px}.contact-associate-phone{font-size:12px;margin-bottom:5px}.contact-associate-address,.contact-associate-address-2{font-size:12px}.contact-associate-address-2{text-transform:uppercase}.contact-associate-hours-title{color:#5fa61c;text-transform:uppercase;margin-top:20px;font-size:15px}.contact-associate-hours,#contact-associate-details .contact-associate-hours p{font-size:12px;margin:0}#dlg-wait-sending .dialog-message{margin-bottom:0;font-size:14px}#dlg-wait-sending .dialog-message p{text-align:center}#quote-rgpd{padding:10px;margin-bottom:5px;border-bottom:1px solid #fff;display:flex;font-size:13px}#quote-rgpd.error{border-bottom:1px solid #f00;background-color:#fbb8b8}#project{position:relative;flex-direction:row-reverse}#coord{position:fixed;z-index:9999;top:0;left:0;background-color:#fff}#project-logo{position:fixed;top:5px;right:40px;width:150px;height:30px;background-repeat:no-repeat;background-size:contain;background-image:url(../../img/login/logo-small.jpg)}#project-big{text-transform:uppercase;font-size:15px}#project-small{font-size:14px}#project-product-actions{display:flex;margin-top:10px;min-height:40px;margin-bottom:20px}.project-product-action{padding:20px;background-color:#444;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:24px;margin-right:10px;cursor:pointer}.project-product-action:last-child{margin-right:0}.project-product-action.active{background-color:#5fa61c}.project-product-action.deform{background-image:url(../../img/products/properties/deform.svg)}.project-product-action.colors{background-image:url(../../img/products/properties/colors.svg)}.project-product-action.dimensions{background-image:url(../../img/products/properties/dimensions.svg)}.project-product-action.options{background-image:url(../../img/products/properties/options.svg)}.project-product-action.animate{background-image:url(../../img/products/properties/animate.svg)}#project-layouts{position:relative;width:100%;height:100%;box-sizing:border-box}.project-layout{position:absolute;top:0;left:0;width:100%;height:100%}.project-toolbar{height:50px;display:flex;justify-content:center;align-items:center;padding:10px}#project-slots{position:absolute;left:270px;top:70px;display:flex;flex-direction:column;align-items:center}#project-slots.hidden{display:none}#project-slots-list{display:flex;flex-direction:column}.project-slot{position:relative;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.project-slot.selected .project-slot-selection{margin-bottom:30px}.project-slot.selected .project-slot-selection .project-slot-item{border:3px solid #5fa61c;opacity:0}.project-slot-menu{position:absolute;left:0;top:0;display:flex;align-items:center}.project-slot-products{flex-direction:row;display:none}.project-slot-products .project-slot-item{margin-right:5px}.project-slot.selected .project-slot-products{display:flex}.project-slot-item{position:relative;padding:25px;background-position:center;background-size:contain;background-repeat:no-repeat;border:3px solid #fff;border-radius:5px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.8);cursor:pointer}.project-slot-item.selected{border:3px solid #5fa61c}.project-slot-item:last-child{margin-top:0}.project-slot-open-button,.project-slot-close-button{width:30px;height:15px;margin-left:-5px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url(../../img/buttons/arrow-up.svg);filter:drop-shadow(0 0 3px #444);transform:rotate(90deg)}.project-slot-close-button{display:none;transform:rotate(270deg)}.project-slot.opened .project-slot-open-button{display:none}.project-slot.opened .project-slot-close-button{display:block}.project-add-model-button{display:none;color:#fff;height:56px;width:56px;padding-top:27px;text-align:center;min-height:56px;border-radius:5px;border:3px solid #fff;background-color:#444;background-position:center 10px;background-repeat:no-repeat;background-size:15px;margin:0 5px 0 5px;box-shadow:0 0 4px rgba(0,0,0,.8);cursor:pointer;background-image:url(../../img/buttons/add.svg);box-sizing:border-box;max-height:30px;font-weight:lighter}.project-delete-model-button{position:absolute;bottom:-35px;left:12px;padding:12px;border-radius:50%;border:1px solid #fff;background-color:#444;background-position:center;background-repeat:no-repeat;background-size:12px;box-shadow:0 0 4px rgba(0,0,0,.8);cursor:pointer;background-image:url(../../img/buttons/remove.svg)}.project-slot.selected .project-add-model-button{display:block}.project-toolbar-button{padding:15px;border-radius:50%;border:2px solid #fff;background-color:#444;background-position:center;background-repeat:no-repeat;background-size:20px;margin:0 5px 0 5px;box-shadow:0 0 4px rgba(0,0,0,.8);cursor:pointer;box-sizing:border-box}.project-toolbar-button.active{background-color:#5fa61c}.project-toolbar-button.add{background-image:url(../../img/buttons/add.svg)}.project-toolbar-button.undo{background-image:url(../../img/buttons/undo.svg)}.project-toolbar-button.redo{background-image:url(../../img/buttons/redo.svg)}.project-toolbar-button.heliodon{background-image:url(../../img/buttons/sun.svg)}.project-toolbar-button.rotate{background-image:url(../../img/buttons/360.svg)}.project-toolbar-button.repere-3d{background-image:url(../../img/buttons/3d.svg)}.project-toolbar-button.rubber{background-image:url(../../img/buttons/rubber.svg)}.project-toolbar-button.settings{background-image:url(../../img/buttons/settings.svg)}.project-toolbar-button.paint{background-image:url(../../img/buttons/paint.svg)}.project-toolbar-button.picture{background-image:url(../../img/buttons/picture.svg)}.project-toolbar-button.quote{background-image:url(../../img/buttons/calculator.svg)}.project-toolbar-button.new{background-image:url(../../img/buttons/new.svg)}.project-toolbar-button.open{background-image:url(../../img/buttons/open.svg);background-position:6px center}.project-toolbar-button.save{background-image:url(../../img/buttons/save.svg);background-size:18px}.project-toolbar-button.disabled,.project-toolbar-button.active.disabled{background-color:#444;opacity:.5;cursor:default}.project-toolbar-separator{width:1px;min-width:1px;height:30px;margin:5px;background-color:#bbb}#project-contact{display:flex;align-items:center;margin-bottom:5px;padding-right:15px;box-sizing:border-box;cursor:pointer}#project-contact.active{background-color:#5fa61c;border:2px solid #fff;border-radius:50px;box-shadow:0 0 4px rgba(0,0,0,.8);color:#fff}#project-contact.active .project-toolbar-button{background-color:transparent;border:none;box-shadow:none}#project-contact .project-toolbar-button{margin-bottom:0;margin-left:0}#project-item-properties{min-width:260px;width:260px;height:100%;display:flex;flex-direction:column;box-sizing:border-box;transition:all 1s;background-color:#f9f9f9;box-shadow:1px 0 3px rgba(0,0,0,.2)}#project-item-properties-header{padding:10px;color:#fff;text-align:center;transition:.5s;display:flex;align-items:center;box-sizing:border-box}#project-item-properties-header>div:first-child{width:100%;text-align:right}#project-item-properties.portail #project-item-properties-header,#project-item-properties.portail .project-product-property-title{background-color:#6cab90}#project-item-properties.porte #project-item-properties-header,#project-item-properties.porte .project-product-property-title{background-color:#63c3d1}#project-item-properties.store #project-item-properties-header,#project-item-properties.store .project-product-property-title{background-color:#fc0}#project-item-properties.pergola #project-item-properties-header,#project-item-properties.pergola .project-product-property-title{background-color:#e45e57}#project-item-properties.marquise #project-item-properties-header,#project-item-properties.marquise .project-product-property-title{background-color:#52cacc}#project-item-properties.cloture #project-item-properties-header,#project-item-properties.cloture .project-product-property-title{background-color:#6cab90}#project-item-properties.garde-corps #project-item-properties-header,#project-item-properties.garde-corps .project-product-property-title{background-color:#6cab90}#project-item-properties.garage #project-item-properties-header,#project-item-properties.garage .project-product-property-title{background-color:#2764ae}#project-item-properties.volet #project-item-properties-header,#project-item-properties.volet .project-product-property-title{background-color:#772869}#project-product-properties{height:100%;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box;margin-top:10px;background-color:inherit}.project-product-property{display:flex;flex-direction:column;box-sizing:border-box;min-height:32px;height:auto;border-bottom:1px solid rgba(255,255,255,.5)}.project-product-property-row{display:flex}.project-product-property-row:first-child .project-product-property-option:first-child{border-top-left-radius:5px}.project-product-property-row:first-child .project-product-property-option:last-child{border-top-right-radius:5px}.project-product-property-row:last-child .project-product-property-option:first-child{border-bottom-left-radius:5px}.project-product-property-row:last-child .project-product-property-option:last-child{border-bottom-right-radius:5px}.project-product-property-option{width:100%;height:50px;background-color:#444;background-size:90%;background-position:center;background-repeat:no-repeat}.project-product-property-option.active{background-color:#5fa61c}.project-product-property-title{background-color:#444;color:#fff;font-size:12px;padding:20px 30px 20px 10px;box-sizing:border-box;background-image:url(../../img/products/gammes/expand-white.svg);background-size:10px;background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;transition:all .5s;text-transform:uppercase}.project-product-property-panel{display:none;overflow-y:auto;box-sizing:border-box}.project-product-property.active .project-product-property-panel{position:absolute;display:flex;flex-direction:column;left:260px;width:260px;color:#fff;background-color:rgba(0,0,0,.4)}#project-deform{flex-direction:row;justify-content:center;margin-bottom:20px;min-height:fit-content}#project-deform-move,#project-deform-free-button,#project-deform-constrain-button{margin-top:10px;width:60px;height:60px;background-position:center;background-repeat:no-repeat;background-size:50px;cursor:pointer;box-sizing:border-box;border-bottom:3px solid rgba(0,0,0,0)}#project-deform-free-button.active,#project-deform-constrain-button.active{border-bottom:3px solid #5fa61c}#project-deform-move{background-image:url(../../img/buttons/2d-move.png)}#project-deform-free-button{background-image:url(../../img/buttons/2d-resize.png)}#project-deform-constrain-button{background-image:url(../../img/products/properties/resize-constraint.png)}.project-helper{margin-top:10px;margin-bottom:5px;font-size:12px;font-style:italic;color:#444;text-align:center}#project-perspective-search{display:none;position:absolute;width:200px;height:200px;bottom:10px;left:10px;border:1px solid #444;background-color:rgba(0,0,0,.2)}#project-perspective-search-cursor{position:absolute;width:20px;height:20px;border-radius:50%;background-color:#5fa61c}#project-perspective-focal{position:absolute;right:10px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-perspective-focal-slider{height:80%;margin-bottom:20px}#project-perspective-view{position:absolute;right:50px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-perspective-view-slider{height:80%;margin-bottom:20px}#project-heliodon-season{position:absolute;left:380px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-heliodon-season-slider{height:80%;margin-bottom:20px}#project-heliodon-hour{position:absolute;left:330px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-heliodon-hour-slider{height:80%;margin-bottom:20px}#project-heliodon-orientation{position:absolute;left:280px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-heliodon-orientation-slider{height:80%;margin-bottom:20px}#project-rubber-size{position:absolute;left:280px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-rubber-size-slider{height:80%;margin-bottom:20px}#project-rubber-type{position:absolute;left:310px;top:0;height:100%;width:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}#project-rubber-mode-rubber{margin-bottom:10px}#project-dimensions .project-product-property-panel>div{border-bottom:1px solid #ccc;padding:10px}.project-dimensions-title{margin-bottom:5px;margin-left:8px;font-size:12px}.project-dimensions-values{display:flex;align-items:center;margin-bottom:3px}.project-dimensions-slider{width:100%;margin-left:7px;margin-right:7px}.project-dimensions-values>input{min-width:50px;max-width:50px;padding:5px;box-sizing:border-box;text-align:right;margin:0 5px 0 10px;display:none}.project-dimensions-unit{display:none}.project-options-category{padding:20px 30px 20px 10px;background-position:right 10px center;background-repeat:no-repeat;background-size:10px;background-image:url(../../img/products/gammes/expand-white.svg);font-size:12px;border-bottom:1px solid #ccc;cursor:pointer}.project-colors-group{padding:20px 30px 20px 0;background-position:right;background-repeat:no-repeat;background-size:10px;background-image:url(../../img/products/gammes/expand.svg);color:#444;font-size:12px;border-bottom:1px solid #ccc;cursor:pointer;display:flex;align-items:center}.project-colors-color{padding:20px 30px;border:1px solid #ccc;box-sizing:border-box;transform:rotate(90deg);background-repeat:no-repeat;background-position:center;background-size:cover;margin-left:-5px}.project-colors-title{width:100%}.project-animate-group{padding:10px;border-bottom:1px solid #ccc}.project-animate-group-title{margin-bottom:10px;margin-left:8px;display:flex;justify-content:space-between;align-items:center}.project-animate-group-title>div{display:flex;align-items:center}.project-animate-group-slider{margin-left:7px;margin-right:7px;margin-bottom:2px}.project-slider-picto{padding:10px;margin-bottom:10px;background-repeat:no-repeat;background-position:center;background-size:18px}.project-slider-picto.focal{background-image:url(../../img/buttons/focal.svg)}.project-slider-picto.view{background-image:url(../../img/buttons/angle.svg)}.project-slider-picto.orientation{background-image:url(../../img/buttons/orientation.svg)}.project-slider-picto.hour{background-image:url(../../img/buttons/hour.svg)}.project-slider-picto.season{background-image:url(../../img/buttons/season.svg)}.project-slider-picto.rubber-size{background-image:url(../../img/buttons/rubber-size.png)}#project-move-3d{flex-direction:row;justify-content:center;margin-bottom:20px;min-height:fit-content}#project-move-3d-xy,#project-move-3d-z,#project-move-3d-rotate{width:100%;background-position:top;background-repeat:no-repeat;background-size:50px;cursor:pointer;box-sizing:border-box;text-align:center;border-bottom:3px solid rgba(0,0,0,0);padding-top:50px;padding-bottom:5px;margin:5px;font-size:10px}#project-move-3d-xy.active,#project-move-3d-z.active,#project-move-3d-rotate.active{border-bottom:3px solid #5fa61c}#project-move-3d-xy{background-image:url(../../img/buttons/3d-move.png)}#project-move-3d-z{background-image:url(../../img/buttons/3d-zoom.png)}#project-move-3d-rotate{background-image:url(../../img/buttons/3d-rotate.png)}#project-devis-bar{background-color:#5fa61c;padding:10px;box-sizing:border-box}#project-header{background-color:#5fa61c;padding:2px}#btn-devis.light{background-color:rgba(255,255,255,.4)}#project-active-slot{margin-left:20px;padding-right:20px;background-image:url(../../img/products/gammes/expand-white.svg);background-size:10px;background-position:right center;background-repeat:no-repeat;cursor:pointer}#btn-project-add-slot{color:#fff;height:56px;width:56px;padding:27px 0 0 0;text-align:center;min-height:56px;border-radius:5px;border:3px solid #fff;background-color:#444;background-position:center 10px;background-repeat:no-repeat;background-size:15px;margin:0 5px 0 5px;box-shadow:0 0 4px rgba(0,0,0,.8);cursor:pointer;background-image:url(../../img/buttons/add.svg);box-sizing:border-box;max-height:30px;font-weight:lighter}#project-properties-separator{height:100%}#perspective-helper{display:none;position:fixed;bottom:0;left:0;width:100vw;padding-left:260px;box-sizing:border-box;z-index:50}#perspective-helper.active{display:block}#perspective-helper-content{background-color:#5fa61c;color:#fff;display:flex;padding:10px;box-sizing:border-box;align-items:center;justify-content:center}#perspective-helper-content>p{font-size:15px;margin:0 30px 0 0}#perspective-helper-content>button{margin-left:10px;padding:10px;border:1px solid #fff;box-sizing:border-box;border-radius:10px;min-width:fit-content;text-align:center;cursor:pointer;background-color:transparent;color:#fff;white-space:nowrap;margin-top:1px}@font-face{font-family:'msAssistantFont';src:url(../../fonts/ThrowMyHandsUpintheAir.ttf)}.assistant-background{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;pointer-events:all;z-index:10}.assistant-background.modal{background-color:rgba(0,0,0,.4);pointer-events:auto}.assistant-dialog{position:absolute;border-radius:5px;border:2px solid #5fa61c;box-shadow:0 0 4px rgba(0,0,0,.5);background-color:#fff;padding:10px;box-sizing:border-box;text-align:center;z-index:10;cursor:default}.assistant-head{display:inline-block;border-radius:50%;width:100px;height:100px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../../img/assistant/assistant.jpg);border:2px solid #4c8e0e;box-shadow:0 0 4px rgba(0,0,0,.5);background-color:#fff;margin-top:-100px}.assistant-head.small{width:60px;height:60px;margin-top:-70px}.assistant-families{display:flex}.assistant-familie{width:100px;height:100px;margin:5px;border-radius:5px;background-color:#444;color:#fff;padding-top:80px;box-sizing:border-box;background-position:center top 9px;background-size:75px;background-repeat:no-repeat;cursor:pointer}.assistant-familie.porte{background-image:url(../../img/products/families/doors-2.png);background-color:#63c3d1}.assistant-familie.portail{background-image:url(../../img/products/families/gates-2.png);background-color:#6cab90}.assistant-familie.store{background-image:url(../../img/products/families/awnings-2.png);background-color:#fc0}.assistant-familie.pergola{background-image:url(../../img/products/families/pergolas-2.png);background-color:#e45e57}.assistant-dialog video{width:100%}.assistant-close{margin-top:5px;font-style:italic;font-size:smaller}#assistant #help-button{z-index:1000;position:fixed;top:0;right:0;width:50px;height:67px;background-color:#5fa61c;background-image:url(../../img/assistant/help.svg);background-position:center;background-repeat:no-repeat;background-size:22px;cursor:pointer;transition:all .5s;opacity:1}#assistant #help-button.pro{z-index:1000;position:fixed;top:45px;right:0;width:40px;height:40px;border-radius:0 0 0 10px;background-color:#444;background-image:url(../../img/assistant/help.svg);background-position:center;background-repeat:no-repeat;background-size:22px;cursor:pointer;transition:all .5s;opacity:1}#assistant #help-button.disabled{opacity:0}#assistant.active #help-button{opacity:0}#assistant-background{z-index:997;position:fixed;top:0;right:0;width:0;height:0;background-color:rgba(0,0,0,.8);transition:all 1s}#assistant-layout{z-index:999;position:fixed;top:0;right:0;width:0;height:0;transition:all 1s;color:#fff;display:flex;justify-content:center;align-items:center;padding-bottom:60px;box-sizing:border-box;overflow:hidden}#assistant.active #assistant-background,#assistant.active #assistant-layout{width:100vw;height:100vh}#assistant-actions{display:flex;flex-direction:column;align-items:flex-end;position:absolute;bottom:0;left:0;width:100vw;font-size:12px;text-transform:uppercase}#assistant-actions>div{display:flex;align-items:center}#assistant-actions>div:first-child{margin-right:10px}.assistant-button{padding:10px;border:1px solid #fff;box-sizing:border-box;border-radius:10px;margin:10px 0 10px 0;min-width:80px;text-align:center;cursor:pointer}#assistant-steps{margin:10px}#btn-assistant-next{margin-right:10px}.assistant-button:hover{background-color:rgba(255,255,255,.3)}.assistant-separator{margin:0 10px 0 10px;width:1px;height:30px;background-color:#eee}.assistant-overview{position:relative;z-index:998}#assistant-message{font-family:msAssistantFont;position:absolute;transition:all 1s;transform:rotate(-10deg);font-size:30px;opacity:0;letter-spacing:1px}#assistant.active #assistant-message{opacity:1}#assistant-message.flex{display:flex;align-items:center;position:static;transform:none;text-align:center}#assistant-message.flex>div{margin-right:20px;max-width:400px}#assistant-arrow{position:absolute;transition:all 1s;width:17px;height:56px;background:url(../../img/assistant/arrow.png) no-repeat center}#assistant video{height:350px;margin:10px;box-shadow:0 0 4px rgba(0,0,0,.5)}#assistant-start-actions{display:flex;justify-content:center;align-items:center}.assistant-start-action{border:1px solid #5fa61c;border-radius:10px;color:#444;padding:10px 10px 10px 40px;background-position:10px center;background-repeat:no-repeat;background-size:20px;transition:all .5s;cursor:pointer;margin:5px;box-sizing:border-box}.assistant-start-action:hover{background-color:rgba(95,166,28,.34)}.assistant-start-action.reload{background-image:url(../../img/buttons/upload.svg)}.assistant-start-action.open{background-image:url(../../img/buttons/open2.svg)}#btn-other-families{margin:10px;text-decoration:underline;cursor:pointer}#btn-assistant-close{display:none;position:fixed;top:10px;right:10px;width:40px;height:40px;box-sizing:border-box;border:1px solid #fff;border-radius:10px;background-image:url(../../img/buttons/close.svg);background-repeat:no-repeat;background-position:center;background-size:20px}#assistant.active #btn-assistant-close{display:block}#dlg-save-infos{display:flex;flex-direction:column;width:500px;max-width:90vw}#dlg-save-infos input{padding:10px;box-sizing:border-box;margin-bottom:10px;margin-top:5px}#dlg-save-infos input:last-child{margin-bottom:0}#dlg-project-load .dialog-message{display:flex;flex-direction:column;padding:0}#dlg-load-header{z-index:1;background-color:#5fa61c;padding:10px 10px 0 10px;box-sizing:border-box;display:flex;justify-content:flex-start}#dlg-load-body{width:100%;height:100%;display:flex;flex-direction:column}#dlg-load-search{min-height:fit-content;display:flex;justify-content:center;align-items:center;box-shadow:0 0 4px rgba(0,0,0,.3)}#dlg-load-list{width:100%;height:100%;overflow-y:auto;padding:10px 0 10px 0}.dlg-load-project{display:flex;align-items:center;cursor:pointer}.dlg-load-project:hover{background-color:#eee}.dlg-load-project.selected{background-color:#5fa61c;color:#fff}.dlg-load-project>div{padding:10px;box-sizing:border-box}.dlg-load-project-date{width:80px;min-width:80px;max-width:80px}.dlg-load-project-thumb{width:80px;min-width:80px;max-width:80px;height:50px;border:1px solid #444;margin:5px 0 5px 0;background-size:contain;background-position:center;background-repeat:no-repeat}.dlg-load-project-ref{width:300px;min-width:300px;max-width:300px}.dlg-load-project-code{width:80px;min-width:80px;max-width:80px}.dlg-load-project-details{width:30px;height:30px;min-width:30px;max-width:30px;background-image:url(../../img/buttons/info.svg);background-size:20px;background-position:center;background-repeat:no-repeat}.project-details-item{margin:5px}.project-details-item-title{font-weight:bold}#txt-search-project{width:250px;padding:5px;box-sizing:border-box;margin-left:30px}#btn-search-project{width:35px;height:35px;background-position:center;background-repeat:no-repeat;background-size:21px;background-image:url(../../img/buttons/search.svg);cursor:pointer}.btn-load-type{padding:10px 20px 10px 20px;box-sizing:border-box;background-color:#5fa61c;cursor:pointer;margin:0 10px 0 0;border-radius:5px 5px 0 0;color:#fff;text-transform:uppercase}.btn-load-type.selected{background-color:#fff;color:#333;font-weight:bold}#dlg-edit-pergola .dialog-window{max-height:none}#view-pergola-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}#canvas-pergola{width:500px;height:400px}#menu-pergola-background{z-index:10000;width:100vw;height:100vh;position:fixed}#menu-pergola{position:absolute;min-width:200px;background-color:#888;border:1px solid #444;color:#fff}.menu-pergola-separator{height:1px;background-color:#aaa}.menu-pergola-item{padding:10px;box-sizing:border-box}.menu-pergola-item:hover{background-color:#78ae42}.pilier-edition{position:absolute;width:80px;text-align:center}#pergola-instructions{font-style:italic;font-size:14px;text-align:center}#view-villa-content{position:relative;margin-top:10px;box-sizing:border-box}#view-villa-content.divided{padding-left:180px}#view-villa-toles{position:absolute;display:inline-block;vertical-align:top;width:180px;height:100%;margin-left:-180px;overflow-y:auto;box-sizing:border-box}#view-villa-toles .tole{margin:2px;width:70px;height:70px;box-sizing:border-box;border:4px solid transparent}#view-villa-toles .tole.active{border:4px solid #33ad4d}#view-villa-draw{position:relative;display:inline-block;vertical-align:top;width:100%;max-width:70vw;min-width:70vw;max-height:50vh;min-height:50vh;text-align:center;overflow-y:auto;box-sizing:border-box}.viewVillaMontant{width:10px;height:10px;border:1px solid #333;background-color:#454545;position:absolute}.viewVillaTraverse{width:10px;height:10px;border:1px solid #333;background-color:#454545;position:absolute}.viewVillaTole{width:10px;height:10px;border:1px solid #333;background-color:#454545;position:absolute}.viewVillaTolePerforee{width:10px;height:10px;border:1px solid #333;position:absolute;background-image:url(../img/portails/toles/villaPerforee.png);background-size:4px}#view-hublots-content{position:relative;max-width:70vw;min-width:70vw;max-height:50vh;min-height:50vh;margin-top:10px;box-sizing:border-box}#view-hublots-content.divided{padding-left:160px}#view-hublots-liste{position:absolute;display:inline-block;vertical-align:top;width:160px;height:100%;padding:10px;margin-left:-160px;overflow-y:auto;box-sizing:border-box}#view-hublots-liste .hublot{margin:5px 5px 5px 5px;box-sizing:border-box}#view-hublots-liste .hublot.active{border:2px solid #00ff21}#view-hublots-draw{display:inline-block;vertical-align:top;width:100%;height:100%;text-align:center;overflow-y:auto;box-sizing:border-box}.garageDessin{position:absolute;width:100px;height:100px;left:157px;top:0;background-color:#fff}.positionHublot{width:10px;height:10px;border:1px dotted #333;background-color:#aaa;position:absolute;cursor:pointer;background-repeat:no-repeat;background-position:center}.positionHublot:hover{background-color:#eee}#view-portillon-content{position:relative;max-width:70vw;min-width:70vw;max-height:50vh;min-height:50vh;margin-top:10px;box-sizing:border-box}#view-portillon-draw{display:inline-block;vertical-align:top;width:100%;max-width:70vw;min-width:70vw;max-height:50vh;min-height:50vh;text-align:center;overflow-y:auto;box-sizing:border-box}.miniaturePortillon{height:40px;margin:0;padding:3px;background-color:#ccc;background-repeat:no-repeat;background-position:center;background-size:56px 35px;cursor:pointer}.miniaturePortillon.active{background-color:#7eb04e}.positionPortillon{width:10px;height:10px;border:1px dotted #333;background-color:#aaa;position:absolute;cursor:pointer;background-repeat:no-repeat}.positionPortillon:hover{background-color:#eee}#dlg-project-settings .dialog-message{display:flex;flex-direction:column}#dlg-project-settings .dialog-message h3{text-transform:uppercase;margin-top:0;margin-bottom:5px;text-align:center}#dlg-project-settings .dialog-message h3:last-of-type{margin-top:10px}#dlg-project-settings .dialog-message input{padding:10px;box-sizing:border-box;font-size:12px}#dlg-project-settings .dialog-message label{margin-top:10px;margin-bottom:5px}#dlg-project-settings .dialog-message label:first-of-type{margin-top:0}#dlg-project-settings .link{padding:5px;box-sizing:border-box;text-align:center}