:root{--main-white: #ffffff;--main-whiteopa: rgba(255,255,255,80%);--main-black: #000000;--main-grey: #838383;--main-soulgrey: #bcbcbc;--main-middlegrey: rgba(0,0,0,70%);--main-lightgrey: rgba(0,0,0,30%);--main-lightengrey: rgba(0,0,0,10%);--speed: .3s}@font-face{font-family:Metrik;font-weight:300;src:url(src/assets/fonts/Metrik-Light.woff) format("woff"),url(src/assets/fonts/Metrik-Light.woff2) format("woff2")}@font-face{font-family:Metrik;font-weight:400;src:url(src/assets/fonts/Metrik-Regular.woff) format("woff"),url(src/assets/fonts/Metrik-Regular.woff2) format("woff2")}@font-face{font-family:Metrik;font-weight:600;src:url(src/assets/fonts/Metrik-Medium.woff) format("woff"),url(src/assets/fonts/Metrik-Medium.woff2) format("woff2")}@font-face{font-family:Metrik;font-weight:700;src:url(src/assets/fonts/Metrik-Bold.woff) format("woff"),url(src/assets/fonts/Metrik-Bold.woff2) format("woff2")}::-webkit-scrollbar{width:3px;height:3px;border-radius:2px;background-color:transparent}::-webkit-scrollbar-track{border-radius:0;background-color:transparent;height:0px}::-webkit-scrollbar-thumb{background-color:var(--main-lightgrey);border-radius:5px}body,html,#root,.app{font-family:Metrik;margin:0!important;padding:0!important;display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app:focus{outline:none}html{background-color:var(--main-lightengrey)}.panel_gauche{position:fixed;z-index:100;left:0;top:0;width:320px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 5px var(--main-lightgrey);background-color:var(--main-white)}.panel_gauche img{cursor:pointer}.panel_gauche_gestion_calques,.panel_gauche_gestion_groupes{flex:1}.panel_gauche_gestion_groupes{border-top:1px solid var(--main-black)}ul,.new_calc_type{padding:0;margin:0;list-style:none}.list_calc,.list_group{max-height:33vh;overflow-y:scroll}.panel_gauche li,.new_calc_type li{top:0;margin:0 3px}.new_calc_type li{border-radius:5px}.new_calc{font-size:20px;padding:12px 18px 12px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.new_calc img{width:40px}.new_calc_type{position:fixed;z-index:90;left:100%;top:20px;transition:all .5s;display:flex;flex-direction:column;gap:12px;cursor:pointer}.new_calc_type li{font-size:15px;padding:12px 0;width:120px;text-align:center;font-weight:600;box-shadow:0 0 5px var(--main-lightgrey);background-color:var(--main-white);transition:all var(--speed)}.new_calc_type li:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.list_calc li,.list_group li{display:flex;position:relative;font-weight:600;padding:6px 23px 8px 21px;margin:0;border-bottom:1px solid var(--main-black);cursor:pointer;transition:all var(--speed)}.list_group li{align-items:center}.list_group li input[type=color]{-webkit-appearance:none;border:none;width:12px;height:12px;cursor:pointer}.list_group li input[type=color]::-webkit-color-swatch-wrapper{padding:0}.list_group li input[type=color]::-webkit-color-swatch{border:none}.list_calc li:hover,.list_group li:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.img_calc_eye,.img_group_eye{margin:1px 0;width:25px;position:absolute;right:23px;top:10px}.calc_selected,.group_selected{background-color:var(--main-grey);color:var(--main-white);cursor:default!important}.calc_selected:hover,.group_selected:hover{background-color:var(--main-lightgrey)!important;color:var(--main-white)}.list_calc .img_calc_delete,.list_group .img_group_delete{display:none}.calc_selected .img_calc_delete,.group_selected .img_group_delete{display:inline-block;margin:2px 4px 0 -8px}.panel_gauche_modify{font-size:15px;padding:0}.panel_gauche_modify li{display:flex;position:relative;font-weight:400;padding:6px 23px 8px 21px;margin:0;border-top:1px solid var(--main-black);cursor:pointer;transition:all var(--speed)}.panel_gauche_modify li:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.panel_gauche_modify .option_important{font-weight:700;font-size:20px;padding:12px 23px 16px 21px}.ensemble_panel_droite{z-index:100;position:fixed;right:-332px;top:0;transition:all var(--speed)}.open_option_calc{position:absolute;right:100%;top:0;font-size:20px;font-weight:700;margin:18px;padding:4px 10px 6px 8px;width:180px;text-align:right;background-color:var(--main-white);box-shadow:0 0 5px var(--main-lightgrey);cursor:pointer;border-radius:5px;transition:all var(--speed)}.open_option_calc:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.panel_droite{box-sizing:border-box;width:320px;padding:12px 18px 12px 20px;height:100vh;box-shadow:0 0 5px var(--main-lightgrey);background-color:var(--main-white)}.panel_droite_title{margin-bottom:20px}.panel_droite_title h3{display:inline-block;font-size:20px;margin:5px 0 0}.panel_flex{display:flex;align-items:center;gap:10px}.panel_color_transparent{display:none}.panel_flex input{flex:1}.panel_droite img{width:25px;padding:10px 5px;transition:all var(--speed);border-radius:5px;cursor:pointer}.panel_droite img:hover{background-color:var(--main-lightgrey)}.ensemble_panel_document{position:fixed;top:0;z-index:90;transition:all var(--speed)}.close_panel_document{position:absolute;top:5px;font-size:18px;font-weight:700;left:calc(100% + 10px);background-color:var(--main-white);border-radius:5px;padding:5px 12px 7px;cursor:pointer;box-shadow:0 0 5px var(--main-lightgrey)}.panel_document{box-sizing:border-box;width:320px;padding:12px 18px 12px 20px;height:100vh;border-right:1px solid var(--main-black);background-color:var(--main-white)}.ensemble_panel_document .panel_flex{flex-wrap:wrap}.button_interactive{margin-top:8px;border:1px solid var(--main-black);padding:4px 8px;cursor:pointer;transition:all var(--speed);font-size:12px;width:fit-content}.button_interactive:hover{background-color:var(--main-lightgrey);color:var(--main-white)}select{all:unset;padding:2px 6px;border:1px solid var(--main-black);font-family:Metrik;width:100px}.panel_document input[type=number]{box-sizing:border-box;width:100%}input[type=number]{padding:2px 6px;border:1px solid var(--main-black);width:100px;display:block;border-radius:0;flex:none;font-family:Metrik;color:var(--main-black)}.panel_droite b{font-weight:600}.panel_droite .panel_flex{margin-bottom:4px;justify-content:space-between}input[type=text]{all:unset;padding:3px 5px;margin:4px 0 8px;box-sizing:border-box;width:100%;border:1px solid var(--main-black)}input[type=submit]{all:unset;padding:3px 5px;margin:0 0 4px;box-sizing:border-box;width:fit-content;transition:all var(--speed);background:var(--main-grey);color:#fff;cursor:pointer}input[type=submit]:hover{background-color:var(--main-lightgrey);color:var(--main-white)}input[type=color]{margin:2px 6px}.workspace{width:calc(100% - 320px);height:100%;margin-left:320px;position:relative;overflow:scroll;align-items:center;justify-content:center}.cursor_move *{cursor:move!important}.main_comp{position:relative;width:100vw;height:100vh;box-sizing:border-box;background-color:var(--main-white);transform-origin:50% 50%}.footer{position:fixed;bottom:10px;right:10px;z-index:90;display:flex;flex-direction:column;align-items:end;text-align:right}.navElement{display:flex;align-items:center;font-size:20px;gap:10px}.mentions{font-size:10px}.zoom_button{padding:5px;font-size:30px;cursor:pointer}.fond_carto{width:100%;height:100%}.element{position:absolute;cursor:pointer;box-sizing:border-box}.element img{width:100%;height:auto;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;border-radius:inherit}.element a{pointer-events:none;cursor:default}.element_selected{box-shadow:0 0 20px var(--main-middlegrey);border-radius:5px;background-color:var(--main-lightengrey)!important;z-index:50}.element_integration div{width:100%;height:100%}.element iframe{pointer-events:none;width:100%;height:100%}.element_titre,.element_paragraphe{white-space:pre-line}.apercuImg img{margin-bottom:20px;border-radius:10px}.apercuImgNone img,.apercuTitreNone .titre_lien,.apercuDescriptionNone .description_lien,.apercuLinkNone a{display:none}.drop_zone,.drop_zone_modify{width:100%;height:100px;box-sizing:border-box;color:var(--main-grey);border:2px dashed var(--main-grey);border-radius:10px;display:flex;justify-content:center;align-items:center;transition:all var(--speed)}.bibliotheque{margin-top:5px;display:grid;height:310px;gap:5px;overflow-y:scroll;padding-right:5px;grid-template-columns:1fr 1fr 1fr}.bibliotheque_bloc{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--main-grey);border-radius:5px;width:100px;height:100px}.bibliotheque_titre{display:none}.bibliotheque_bloc .delete_img{position:absolute;right:5px;top:5px;width:20px;height:20px;display:none;z-index:10;cursor:pointer}.bibliotheque .bibliotheque_img{width:100%;height:100%;object-fit:cover;transition:all var(--speed);cursor:pointer}.bibliotheque_bloc:hover .bibliotheque_img{opacity:.5}.context_menu{display:none;position:fixed;top:500px;left:500px;background-color:var(--main-white);border:1px solid var(--main-black);width:200px;z-index:100}.context_menu_modify_calcname{padding:4px 6px}.context_menu li{cursor:pointer;transition:all .3s;padding:10px}.context_menu li:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.new_attr_calc{position:relative}.new_attr_calc:hover .attr_calc{display:block}.attr_calc{display:none;position:absolute;left:100%;top:0;transform:translateY(-50%);width:200px;background-color:var(--main-white);border:1px solid var(--main-black)}.new_attr_calc .attr_calc li{background-color:var(--main-white);color:var(--main-black)}.new_attr_calc .attr_calc li:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.context_menu_link{display:none;position:fixed;background-color:var(--main-white);border:1px solid var(--main-black);z-index:100;border-radius:5px;transform:translateY(-110%);align-items:center}.context_menu_link input[type=color]{-webkit-appearance:none;border:none;width:24px;height:24px;cursor:pointer;margin:0;background-color:var(--main-white);border-radius:5px}.context_menu_link select{border-top:0;border-bottom:0;border-right:0;border-color:var(--main-grey)}.context_menu_delete_calc{display:none;position:fixed;background-color:var(--main-white);border:1px solid var(--main-black);z-index:100;border-radius:5px;transform:translateY(-110%);align-items:center;padding:2px 6px 3px}.context_menu_delete_calc button{width:100px;display:inline-block;margin:8px 6px 2px 0;border:1px solid var(--main-black);padding:4px 8px;cursor:pointer;transition:all var(--speed);font-size:12px}.context_menu_delete_calc button:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.menu_delete_link{border-left:1px solid var(--main-grey);cursor:pointer;padding:2px 6px 3px;transition:all var(--speed)}.menu_delete_link:hover{background-color:var(--main-lightgrey);color:var(--main-white)}.create_element_form{display:none;position:fixed;top:500px;left:500px;background-color:var(--main-white);border:1px solid var(--main-black);min-width:200px;z-index:80;padding:4px 6px}.create_element_form textarea{display:block;width:25vw;height:20vh;margin-bottom:6px}body #root .input_titre{height:80px}.select_area{position:absolute;background-color:var(--main-lightengrey);z-index:20;transform-origin:0 0}.link_point{position:absolute;width:10px;height:10px;background-color:var(--main-black);border-radius:50%;cursor:pointer;transform:translate(-50%,-50%)}.element_selected .link_point{border:15px solid var(--main-black);background-color:var(--main-white)}.container_canvas{width:100%;height:100%;overflow:hidden}canvas{image-rendering:optimizeSpeed;image-rendering:high-quality;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.link_manager{position:absolute;width:50px;height:50px;z-index:10;cursor:pointer;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--main-soulgrey)}.link_manager_none{display:none}.link_manager_curve{position:absolute;width:50px;height:50px;cursor:pointer;z-index:10;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--main-soulgrey);border-radius:50%}.all_grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.all_line_horizontal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between}.all_line_horizontal .line_horizontal{border-left:1px solid #e8acac;border-color:inherit}.all_line_vertical{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.all_line_vertical .line_vertical{border-bottom:1px solid #e8acac;border-color:inherit}@media (max-width: 1600px){.new_calc,.panel_gauche_modify .option_important,.panel_droite_title h3,.open_option_calc,.navElement{font-size:14px}.open_option_calc{width:140px}.new_calc img{width:25px}.calc_name,.list_group li,.panel_gauche_modify,.panel_document,.panel_droite,.new_calc_type li{font-size:12px}.list_calc li,.list_group li{padding:3px 23px 5px 21px}.calc_selected .img_calc_delete,.group_selected .img_group_delete{width:12px}.img_calc_eye,.img_group_eye{margin:1px 0;width:18px;position:absolute;right:23px;top:6px}.panel_gauche,.panel_document{width:260px}.panel_document{overflow-y:scroll}.zoom_button{font-size:18px;padding:2px}.workspace{width:calc(100% - 260px);margin-left:260px}.mentions{font-size:8px}}