@charset "utf-8";
@font-face { font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif'; }
h1{ }
h2{ }
img{transform:translateZ(0)}
input{border-radius:3px; border-width: 1px; border-style: solid; border-color: #AAA;}
textarea{border-radius:3px; border-width: 1px; border-style: solid; border-color: #AAA;}

.page {background-color:#E3E8EE; color:#474C5F; width: 100%; height: 100%; margin:0px; padding:0px; font-family:Roboto, Nunito, sans-serif; -webkit-font-smoothing: antialiased;}
.page_app {background-color:#E3E8EE; color:#474C5F; width: 100%; height: 100%; margin:0px; padding:0px; font-family:Roboto, Nunito, sans-serif; -webkit-font-smoothing: antialiased; min-height: 100vh; display: grid; grid-template-rows: 71px 1fr 80px; overflow: hidden;}
.page_frame {color: #474C5F; width: 100%; margin:0px; padding:0px; font-family:Roboto, Nunito, sans-serif; -webkit-font-smoothing: antialiased;}
.container_page {background-color:#E3E8EE; margin-left: auto; margin-right:auto; min-width: 800px; max-width: 95%; width:80%;min-height:1000px; }
.container_app {background-color:#E3E8EE; min-width: 100%; max-width: 100%; width:100%; margin-top:-8px;}
.head_connexion {background-color:#E3E8EE; width:100%; border-color:#D5DCE5; border-width: 1px; border-style: none none solid none; text-align:right; height: 62px;}
.footer {background-color:#E3E8EE; width:100%; border-color:#D5DCE5; border-width: 1px; border-style: solid none none none; float:none; clear:both; text-align: center; height: 60px;}
.sombre_container {display:none; position:fixed; z-index: 999;  top:0px; left:0;  width:100%; height: 100%; background-color: white; opacity: 0.5;}
.connexion_fenetre {display:none; position:fixed; z-index: 1000;  top: 50%; left: 50%; transform: translate(-50%, -50%); width:500px; height:400px; margin:auto; background-color:#E3E8EE; opacity:1.0; color: black; text-align: center; border-color:#D5DCE5; border-width: 1px; border-style: solid; font-size:0.9em; }
.inscription_fenetre {display:none; position:fixed; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); width:500px; min-height:400px; height:auto; margin:auto; background-color:#E3E8EE; opacity:1.0; color: black; text-align: center; font-size:0.9em;}
.menu {float:left; padding:5px;  background-color:#E3E8EE; width: 19%; height: 100%; border-color:#D5DCE5; border-width: 1px; border-style: none solid none none; overflow: hidden; color: #363B51;}
.page_principale {float:left; width: 80%; height: 100%;}
.frame_principale {border:0px; width: 100%; height:inherit;}
.titre_menu {font-weight:599; cursor: pointer; margin-left:10px; margin-bottom:2px;}
.soustitre_menu {font-size: 0.9em; padding-left:20px; padding-bottom: 2px; padding-top: 2px; height: 20px; width: auto; cursor: pointer;  border-radius: 4px; margin-bottom:1px;}
.soustitre_menu:hover {background-color: #D5DCE5;}
.soustitre_menu:active {background-color: #C6D0DC; color:black;}
.bloc_soustitre_menu {height: auto; width: 100%; display: none; }
.ligne_soustitre_menu {font-size: 0.9em; padding-left:40px; padding-bottom: 2px; padding-top: 2px; height: 18px; width: auto; cursor: pointer; border-radius: 4px; margin-bottom:1px;}
.ligne_soustitre_menu:hover {background-color: #D5DCE5; }
.ligne_soustitre_menu:active {background-color: #C6D0DC; color:black;}
.active_sub_item{background: #2062CA !important; color: #FFFFFF !important;}
.lien {cursor: pointer; color: #ff6600;}
.veilleblocg {display: inline-block; float: left; width: 50%; min-height: 100vh; max-height: 100vh; height: 100vh; overflow-y:scroll; scrollbar-width: thin;}
.veilleblocd {display: inline-block; float: right; width: 50%; min-height: 100vh; max-height: 100vh; height: 100vh; overflow-y: scroll; scrollbar-width: thin;}
.visuelpost {float:left; margin-right:6px; margin-top:8px; margin-bottom:2px; width:155px;}
.titrepost {font-size: 1em; font-weight: 599;}
.datepost {font-size: 0.9em;}
.textepost {text-align:justify; font-size:0.8em; margin-top:6px;}
.sourcepost {text-align:right; font-size:0.8em;}
.partagepost {text-align:center; font-size:0.9em;}
.titreveillebloc {border-radius:3px; background-color: #37517E; height:57px; padding:9px; padding-top:7px; margin:0px; margin-bottom:15px; text-align: center; font-weight: 599; font-size: 1.2em; color:#FFFFFF; }
.bloccontenu {border-radius:3px; background-color: #F7FAFC; padding:5px; margin:0px; margin-bottom:15px; border-width: 1px; border-style: solid; border-color: #E4E4E4;}

.titrepage {border-radius:3px; background-color:#37517E; height:auto; padding:9px; padding-top:7px; margin-top:0px; margin-left: 5px; margin-right: 5px; margin-bottom:10px; text-align: center; font-weight: 599; font-size: 1.2em; color:#FFFFFF; }
.bloccontenupage {border-radius:3px; background-color: #F7FAFC; padding:10px; margin:0px; margin-left: 5px; margin-right: 5px; margin-bottom:15px; border-width: 1px; border-style: solid; border-color: #E4E4E4; font-size: 0.9em; line-height: 20px;}
.titrebloccontenu {font-size: 1em; font-weight: 599; line-height: 30px;}
.paracontenu {font-size: 0.8em; font-weight:normal; margin-left:25px; margin-right:20px; margin-bottom:10px; line-height:16px;}


.charts {border-radius:3px; border-width: 1px; border-style: solid; border-color: #E4E4E4; background-color: #F7FAFC; padding:0px; text-align: center; font-weight: 599; font-size: 1.2em; color:#474C5F; }

.headg {float:left; padding-left:5px; padding-right:5px; width: 19%; height: 100%; border-color:#D5DCE5; border-width: 1px; border-style: none solid none none; color: #363B51;}
.headc {float:left; width: 80%; height: 100%;}
.logosup {width: 50px; height: 62px; display: flex; flex-direction: column; justify-content: center; left: 8px; opacity: 1;}
.titre_site {border-radius:6px; background-color: #1C5A91; height:40px; padding:9px; padding-top:7px; margin:13px; margin-right:auto; margin-left:auto; text-align: left; Color:#FFF; }
.bloc_alertes {border-radius:6px; background-color: #F7FAFC; height:16px; width:60%; padding:9px; padding-top:7px; margin:13px; margin-left:12px; float:left;  text-align: left; font-weight: normal; font-size: 0.9em; Color:#474C5F; }
.mon_compte {border-radius:6px; background-color: #1C5A91; height:16px; width:130px; padding:9px; padding-top:7px; margin:13px; margin-right:20px; float:right;  text-align: center; font-weight: 599; font-size: 0.9em; Color:#E3E8EE; cursor: pointer; position: relative;}
.containerprofil {position:absolute; top:33px; left:0px; display: none; height: 30px; width: 148px; border-radius:6px; background-color: #1C5A91; Color:#E3E8EE;}
.optionprofil {line-height: 25px; cursor: pointer;}
.optionprofil:hover {color: white;}

.date_stats {border-radius:6px; background-color: #FFF; height:30px; line-height:30px; width:325px; top:54px; right:15px; text-align: center; font-weight: normal; font-size: 1em; Color:black; cursor: pointer; position: absolute;}
.option_stats {line-height: 25px; cursor: pointer;}
.option_stats:hover {color: white; font-weight:bold;}
.containerstats {position:absolute; top:30px; left:0px; display: none; height: 139px; border-radius:6px; right:15px; border-width: 1px; border-style:solid; border-color: white; background-color: #37517E; Color:#E3E8EE; line-height:27px; font-size: 1em; }
.stat-header {padding-bottom: 10px !important; padding-top: 10px !important;}

.footg {float:left; padding-left:5px; padding-right:5px; width: 19%; height: 100%; border-color:#D5DCE5; border-width: 1px; border-style: none solid none none; color: #363B51; text-align: center; font-size: 0.8em; }
.footc {float:left; width: 60%; height: 100%; border-color:#D5DCE5; border-width: 1px; border-style: none solid none none; color: #363B51; text-align: left; font-size: 0.9em; }
.footd {float:left; width: 20%; height: 100%; color: #363B51; text-align: center; font-size: 0.9em; }

.boutonc {border-radius:6px; background-color: #1C5A91; height:38px; padding:9px; margin:10px; margin-left:auto; margin-right:auto; text-align: center; font-weight: 599; font-size: 0.9em; Color:#E3E8EE; cursor:pointer; }

.titrebac {margin-left: 10px; font-weight: 599; margin-bottom: 5px;}
.bacasable {border-radius:3px; width: 98%; height: 100px; margin-left: auto; margin-right: auto; border-width: 1px; border-style: solid; border-color: #BBB; background-color: white; }
.bacasable2 {border-radius:3px; width: 98%; height: 100px; margin-left: auto; margin-right: auto; border-width: 2px; border-style: solid; border-color: #666; background-color: white; }
.bacelem {border-radius:3px; float: left; width: 150px; text-align: center; padding-top: 6px; margin:10px; height: 26px; border-width: 1px; border-style: solid; border-color: #E4E4E4; background-color: gray; color:white;}

.boutonform {border-radius:3px; background-color: #999; padding:5px; margin:0px; border-width: 1px; border-style: solid; text-align: center; border-color: #555; font-weight: 599; font-size: 1em; line-height: 20px; color:white; cursor:pointer;margin-left:auto; margin-right:auto; width: 200px;}
.boutonform:hover {background-color: #405668;}
.boutonformsupr {border-radius:3px; background-color: #999; padding:5px; margin:0px; border-width: 1px; border-style: solid; text-align: center; border-color: #555; font-weight: 400; font-size: 0.8em; line-height: 15px; color:white; cursor:pointer; float:right; width: 130px; position:relative; top:-27px;}
.boutonformsupr:hover {background-color:#FF3333;}
.boutonformp {border-radius:3px; background-color: #999; padding:5px; margin:0px; border-width: 1px; border-style: solid; text-align: center; border-color: #555; font-weight: 599; font-size: 1em; line-height: 12px; color:white; cursor:pointer; width: 28px; float: right;}
.boutonformp:hover {background-color: #405668;}

.blocstats {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:120px; width:250px; padding:5px; margin-left:5px; float:left; display:inline-block; line-height: 100%;}
.nbblocstats {font-size:36px; line-height:36px; width:100%; text-align:center; color:#1C5A91; margin-top:8px; margin-bottom:0px;}
.nb2blocstats {font-size:16px; line-height:16px; width:100%; text-align:center; color:#666666;}

.interv {font-size:10px; color:#666666; margin-top: -3px;}

.blocstatsg {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; margin-left:5px; padding:2px; float:left; display:inline-block;}
.blocstats2 {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:120px; width:186px; padding:5px; margin-left:5px; float:left; display:inline-block; line-height: 100%;}
.blocstats3 {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:276px; width:490px; padding:5px; margin-left:5px; float:left; display:inline-block; line-height: 100%;}
.blocstats4 {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:285px; width:325px; padding:5px; margin-left:5px; float:left; display:inline-block; line-height: 100%;}
.bloclive {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:auto; width:30%; padding:5px; margin-left:5px; margin-right:5px; float:left; display:inline-block; }
.blocwide {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: white; height:auto; width:95%; padding:5px; margin-left:5px; margin-right:5px; float:left; display:inline-block;}

.pucev {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; right:-1px; top:-7px; background-color: green; color: white; line-height: 16px; text-align: center; font-size: 10px; font-weight: bold;}
.puceo {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; right:-1px; top:-7px; background-color:darkorange; color: white; line-height: 16px; text-align: center; font-size: 10px; font-weight: bold;}
.pucer {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; right:-1px; top:-7px; background-color: red; color: white; line-height: 16px; text-align: center; font-size: 10px; font-weight: bold;}

.checkok {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; top:-2px; background-color: green; color: white; line-height: 16px; text-align: center; font-size: 10px; font-weight: bold; margin-right:15px;}
.checkalert {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; top:-2px; background-color: darkorange; color: white; line-height: 16px; text-align: center; font-size: 14px; font-weight: bold; margin-right:15px; padding-left:1px; line-height: 14px;}
.checkpasok {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; top:-2px; background-color: red; color: white; line-height: 16px; text-align: center; font-size: 14px; font-weight: bold; margin-right:15px; padding-left:1px; line-height: 14px;}
.checkpastest {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; top:-2px; background-color: grey; color: white; line-height: 16px; text-align: center; font-size: 14px; font-weight: normal; margin-right:15px; padding-left:1px; line-height: 14px;}

.howto {width: 16px; max-width: 16px; height:16px; max-height:16px; border-radius:8px; position:relative; display: inline-block; top:0px; background-color: deepskyblue; color: white; line-height: 16px; text-align: center; font-size: 11px; font-weight: bold;}
.howtor {width: 16px; max-width: 16px; height:16px; max-height:16px; border-radius:8px; position:relative; display: inline-block; top:0px; background-color: deepskyblue; color: white; line-height: 16px; text-align: center; font-size: 11px; font-weight: bold; float: right; padding-left: 1px; }

.howto span.detail {color: #333333; background-color: gainsboro; border-width: 1px; border-style: solid; border-color: #BBBBBB; width: 350px; height: 175px; overflow: auto; z-index: 1; visibility: hidden; display: inline-block; top: 10px; position: absolute; left: 20px; right: 0; text-align: left; font-size: 11px;}
.howto:hover span.detail {visibility: visible;}

.tooltip .tooltip-inner {
  font-size: 0.9em; background-color:#37517E; opacity: 0.9;
}

.aide {width: 16px; height:16px; border-radius:8px; position:relative; display: inline-block; top:-2px; background-color: deepskyblue; color: white; line-height: 16px; text-align: center; font-size: 10px; font-weight: bold; margin-right:15px; font-weight: normal;}
.aide span.detail {color: #333333; background-color: #FFFFCC; border-width: 1px; border-style: solid; border-color: #BBBBBB; width: 350px; height: 175px; overflow: auto; z-index: 1; visibility: hidden; display: inline-block; top: 10px; position: absolute; left: 20px; right: 0; text-align: left; font-size: 11px;}
.aide:hover span.detail {visibility: visible;}

.lurl {text-decoration:none; font-size:10px; color:#162A5F; margin-right:5px;}

.blocveille {border-radius:3px; border-width: 1px; border-style: solid; border-color: #BBBBBB; background-color: whitesmoke; height:auto; width:90%; padding:5px; margin-left:5px; font-weight: normal; font-size: 1em; line-height: 1em; display:block; margin-bottom: 5px; }
button.option_stats{border: none; background: transparent; color: #fff;}

.onglet_actif {background-color: #37517E; cursor: default; }
.onglet_inactif {background-color: #A0B0C8; cursor: pointer;}
.onglet_inactif:hover {background-color: #37517E; cursor: pointer;}



.text-create-message{font-size: 18px !important;}
.subtitle_titre{font-size: 11px !important; color: silver;}