/*! Copyright Xooloop Studio www.xooloop.fr */@font-face{font-family:"ArialNarrow";src:url("arialn-webfont.woff2") format("woff2"),url("arialn-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"avenir";src:url("avenir-light-webfont.woff2") format("woff2"),url("avenir-light-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"MaterialIconsEx";src:url("materialdesignicons-webfont-v7.4.47.woff2") format("woff2"),url("materialdesignicons-webfont-v7.4.47.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"titillium";src:url("titilliumweb-regular-webfont.woff2") format("woff2"),url("titilliumweb-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"titillium";src:url("titilliumweb-semibold-webfont.woff2") format("woff2"),url("titilliumweb-semibold-webfont.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font-size:62.5%;box-sizing:content-box}*{box-sizing:inherit;padding:0;margin:0;font-family:"titillium",Arial,sans-serif}body{overflow-y:scroll;z-index:0;position:relative;font-size:1rem;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4{font-weight:normal;font-style:normal}.clear{clear:both}.left{float:left}.right{float:right}.hidden{display:none}a{text-decoration:underline;color:#c00;font-weight:normal;text-decoration:none;outline:none;cursor:pointer}b,strong{font-family:"titillium",Arial,sans-serif;font-weight:bold}u b,u strong,b u,strong u{font-family:"titillium",Arial,sans-serif;font-weight:bold;text-decoration:underline}.highlight-product{font-weight:bold}.fullwidth{background:#fff;width:100%}.centered{position:relative;z-index:0;width:1200px;margin:0 auto}#header{flex:none;height:120px;background:#fff;position:relative;z-index:2}#header #logo{background:url(../img/XooloopMonitor-200.png) 0px 3px no-repeat;position:absolute;top:10px;left:550px;z-index:3;background-size:contain;width:100px;height:100px;opacity:.9;cursor:pointer}#header #site_title{position:absolute;color:#333;top:20px;left:0;z-index:4;text-align:left;font-family:"ArialNarrow",Arial,sans-serif;font-size:5rem;cursor:pointer;letter-spacing:8px}#header #site_subtitle{position:absolute;color:#bbb;top:30px;right:0px;z-index:4;text-align:left;font-family:"titillium",Arial,sans-serif;font-size:4rem;cursor:pointer;letter-spacing:4px}#page_content{flex:1;font-size:1.8rem;position:relative}#page_content .fullwidth{border-bottom:40px solid #f3f3f3}#page_content .fullwidth:last-child{border:none}#page_content .fullwidth{position:relative}#page_content .fullwidth .fullwidth{border:none;border-top:40px solid #f3f3f3}#page_content .fullwidth.page_break .fullwidth{border:none}#page_content .main_title{text-align:center;font-size:2.4rem;padding:10px 0;margin-bottom:50px}#footer{font-family:"ArialNarrow",Arial,sans-serif;font-size:1.6rem;color:#333;background:#d5d5d5;padding:0 0 20px}#footer .centered{display:grid;grid-template-columns:1fr auto;gap:40px}#subfooter{padding:10px 0;font-size:1.4rem;color:#ccc;background:#888;text-align:center}#subfooter a{color:#eee}.content{padding:10px 0;color:#555;text-align:justify;line-height:1.4}.content h1{font-size:2.8rem;color:#222;margin-bottom:20px;padding-left:5px;padding-top:20px}.content h2{font-size:2.8rem;margin-top:30px;margin-bottom:20px;padding-left:5px;padding-top:20px;border-top:1px solid #ddd}.content li{margin:8px 0 8px 20px}.content p{margin:12px 0}.content img{max-width:1200px;height:auto}.content a img{border:none}.content table{width:100%;border-spacing:0px;border-collapse:collapse;margin:4px 0 3px 0}.content table tr{min-height:24px}.content table td,.content table th{border:1px solid #ccc;padding:2px 5px;min-height:24px;vertical-align:top}.content table th{font-weight:bold;font-family:"titillium",Arial,sans-serif;text-align:center;background:#eee}.content table.dataright td{text-align:right}.content table.datacenter td{text-align:center}.content table.noborder,.content table.noborder td,.content table.noborder th{border:0}.content table.no_border,.content table.no_border td,.content table.no_border th{border:0}.content table.external_border{border:1px solid #ccc}.content table.external_border td,.content table.external_border th{border:0}.content table.centered{width:auto;margin:0 auto}.content ul{list-style:none;margin:0;padding:0}.content ul li{position:relative}.content ul li::before{content:"󰓎";font-family:"MaterialIconsEx";position:absolute;top:7px;left:-15px;line-height:1.2rem;font-size:1rem;color:#b00}.check_box{width:30px;height:30px;position:relative;display:inline-block}.check_box::before{content:"󰄲";font-family:"MaterialIconsEx";position:absolute;top:6px;left:0;line-height:30px;font-size:30px;color:#006400}button.button,a.button,a.button_large,a.button_medium{display:inline-block;background:#b00;margin:15px auto;padding:10px 15px;border-radius:5px;height:auto;width:auto;line-height:25px;text-align:center;color:#fff;font-size:1.8rem;transition:background-color .2s linear}button.button.button_medium,a.button.button_medium,a.button_large.button_medium,a.button_medium.button_medium{width:160px;display:block}button.button.button_large,a.button.button_large,a.button_large.button_large,a.button_medium.button_large{width:300px;display:block}button.button:hover,a.button:hover,a.button_large:hover,a.button_medium:hover{background:#b44}.info_box{padding:5px 5px 5px 35px;min-height:24px;color:#418eee;border:1px solid #418eee;background-color:#f8f8ff;margin-bottom:3px;position:relative}.info_box::after{content:"󱱯";position:absolute;top:6px;left:6px;width:24px;height:24px;font-family:"MaterialIconsEx";font-size:24px;line-height:24px;color:#418eee}.warning_box{padding:5px 5px 5px 35px;min-height:24px;color:#ff2525;border:1px solid #ff2525;background-color:#fff8f8;margin-bottom:3px;position:relative}.warning_box::after{content:"󰚽";position:absolute;top:6px;left:6px;width:24px;height:24px;font-family:"MaterialIconsEx";font-size:24px;line-height:24px;color:#ff2525}.prix_box{padding:5px 5px 5px 15px;min-height:32px;border:1px solid #faa;background-color:#fff8f8}.prix_box strong{font-size:22px;line-height:24px;color:#d00}.prix_box em{font-size:9px;line-height:12px;color:#777}.websites{display:grid;grid-template-columns:1fr}.websites .website{padding:3px 5px;background:#f8f8f8}.websites .website:nth-child(even){background:#fdfdfd}.websites .website{display:grid;gap:10px;grid-template-columns:40px 1fr 90px 90px 132px;font-size:16px}.websites .website.titles{font-weight:bold;background:#f0f0f0}.websites .website .cell{text-align:center}.websites .website .cell_last_ping,.websites .website .cell_last_success{align-self:center}.websites .website .cell_name{text-align:left}.websites .website.data .cell_name{display:grid;grid-template-columns:16px 1fr;gap:0 5px}.websites .website.data .cell_name .icon_priority{grid-column:1;grid-row:1}.websites .website.data .cell_name .name{grid-column:2;grid-row:1;font-weight:bold}.websites .website.data .cell_name .url{grid-column:1/span 2;grid-row:2;font-size:1.4rem}.md_icon{position:relative;width:36px;height:36px;top:50%;left:50%;transform:translate(-50%, -50%)}.md_icon::after{z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"MaterialIconsEx";width:36px;height:36px;font-size:36px;line-height:36px}.md_icon .nb_failures{position:absolute;z-index:1;font-size:1.1rem;color:#777;bottom:0;right:-4px;background:#fff;line-height:16px;width:16px;height:16px;text-align:center;border:1px solid #777;border-radius:50%}.icon_up::after{content:"󰗠";color:green}.icon_late::after{content:"󰀨";color:orange}.icon_down::after{content:"󰅙";color:red}.icon_off::after{content:"󰏥";color:gray}.icon_on::after{content:"󰐌";color:#1e92ff}.icon_priority{width:16px;height:16px}.icon_priority::after{width:16px;height:16px;font-size:16px;line-height:16px}.icon_priority.icon_priority_low::after{content:"󰢿";color:#bbb}.icon_priority.icon_priority_medium::after{content:"󰢼";color:#999}.icon_priority.icon_priority_high::after{content:"󰢽";color:#777}.icon_priority.icon_priority_critical::after{content:"󰢾";color:#555}h1.main_title{position:relative}.website.data .cell_actions{position:relative;text-align:left;filter:grayscale(100%);opacity:.2;transition:200ms}.website.data:hover .cell_actions{position:relative;text-align:left;filter:grayscale(0%);opacity:1}a.action_with_icon.md_icon{text-align:center;display:inline-block;width:36px;height:36px;top:50%;left:auto;transform:translateY(-50%);margin-right:5px}a.action_with_icon.md_icon::after{z-index:0;position:absolute;top:50%;right:50%;transform:translate(-50%, -50%);width:36px;height:36px;font-family:"MaterialIconsEx";font-size:24px;line-height:36px;border-radius:50%;transition:.2s;color:#fff}a.action_with_icon.md_icon:hover::after{filter:brightness(0.9)}a.action_with_icon.md_icon.icon_flash_all{right:0;position:absolute}a.action_with_icon.md_icon.icon_flash_all::after{content:"󰻷";background:orange}a.action_with_icon.md_icon.icon_external::after{content:"󰏌";background:#777}a.action_with_icon.md_icon.icon_ping::after{content:"󰉁";background:orange}a.action_with_icon.md_icon.icon_start::after{content:"󰐊";background:#1e92ff}a.action_with_icon.md_icon.icon_stop::after{content:"󰏤";background:red}.loginArea{margin:20px 10px 300px}.loginArea h1{margin:20px 0}.loginArea input{width:212px;border:1px solid #555;height:22px}.loginArea tr{height:30px}.loginArea td.caption{padding-right:10px}.loginArea .button{cursor:pointer;font-weight:normal;margin-right:10px;border:1px solid #555;width:100px;display:block;float:left;text-align:center;margin-top:10px;height:20px;padding-top:5px;background:#ccc}.loginArea .button:hover,.loginArea .button:focus,.loginArea .button:active{text-decoration:none;background:#eee}.page-ACCUEIL{width:auto}@media screen and (max-width: 1280px){#header #logo{left:355px}#header #site_title{top:30px;font-size:4.5rem;letter-spacing:5px}#header #site_subtitle{top:40px;font-size:3.5rem;letter-spacing:2px}.centered{width:800px}}@media screen and (max-width: 900px){#header #logo{left:295px}#header #site_title{top:32px;font-size:4.2rem;letter-spacing:2px}#header #site_subtitle{top:42px;font-size:3.3rem;letter-spacing:0px}.centered{width:680px}}@media screen and (max-width: 768px){#header{height:110px}#header #logo{right:auto;left:0;top:2px}#header #site_title{top:5px;left:0;right:0;text-align:center;font-size:4.4rem;letter-spacing:5px;line-height:1.2}#header #site_subtitle{top:70px;left:0;right:0;text-align:center;font-size:2.5rem;letter-spacing:6px}.centered{width:90vw}#page_content h1.main_title{padding:10px 45px;font-size:2rem;margin-bottom:20px}.websites .website{grid-template-columns:40px 1fr 90px 132px}.websites .website.titles .cell_last_success{display:none}.websites .website.data{grid-template-rows:1fr 1fr}.websites .website.data .cell_status,.websites .website.data .cell_name,.websites .website.data .cell_actions{grid-row:1/span 2}.websites .website.data .cell_last_ping{grid-column:3;grid-row:1}.websites .website.data .cell_last_success{grid-column:3;grid-row:2}}@media screen and (max-width: 600px){#header{height:90px}#header #logo{max-height:75px}#header #site_title{top:5px;font-size:3.6rem;letter-spacing:2px;line-height:1.2}#header #site_subtitle{top:50px;font-size:1.8rem;letter-spacing:3px}#page_content h1.main_title{padding:10px 30px}.websites .website{grid-template-columns:40px 1fr 132px}.websites .website.titles .cell_last_ping{display:none}.websites .website.data{grid-template-rows:1fr 1fr}.websites .website.data .cell_name{grid-column:2/span 2;grid-row:1}.websites .website.data .cell_name .url{display:none}.websites .website.data .cell_last_ping{grid-column:2;grid-row:2}.websites .website.data .cell_last_success{grid-column:3;grid-row:2}}@media screen and (max-width: 480px){#header{height:60px}#header #logo{max-height:55px;top:2px;background-position:0 0}#header #site_title{top:5px;font-size:2.8rem;letter-spacing:1px;line-height:1.2}#header #site_subtitle{top:40px;font-size:1.2rem;letter-spacing:4px}.websites .website{grid-template-columns:40px 1fr 1fr 94px;grid-gap:3px}.websites .website.data{font-size:12px}.cell_status .md_icon{width:28px;height:28px}.cell_status .md_icon::after{width:28px;height:28px;font-size:28px;line-height:28px}.cell_status .md_icon .nb_failures{width:14px;height:14px;font-size:1rem}a.action_with_icon.md_icon{width:24px;height:24px}a.action_with_icon.md_icon::after{width:24px;height:24px;font-size:16px;line-height:24px}}.popup_structure{font-size:16px}.popup_structure h2{font-size:20px}