body,html{
    margin:0;
    padding:0;
}

#container{
    height:100vh;
    width:100vw;
}
#SIG{
    height: 100%;
    width: 100%;
    position: absolute;
    top :0;
    left:0;
  }

    .titre {
     font-family: Candara;
     color: green;
     font-weight: bold;
     font-size: 20px;
   }
   .texte {
     font-family: Times;
     color: black;
     text-align: left|justify;
     font-size: 16px;
   }

   .auteur {
     font-family: Arial;
     color: green;
     font-size: 16px;
   }

   .agent {
     font-family: Arial;
     color: white;
     font-size: 14px;
     display: none
   }

   .archive {
     font-family: Arial;
     color: green;
     font-size: 14px;
     }

   .credits {
     font-family: Arial;
     color: white;
     text-align: center;
     font-size: 10px;
   }

   .titreArchive {
     font-family: Arial;
     color: green;
     font-size: 14px;
     }

   .date {
     font-family: Arial;
     color: green;
     font-size: 14px;
   }

   .tag {
     display: none;
   }


   .custom-popup {
     border-radius: 6px;
     color: ##0066ff;
     font-size: 10%;
     line-height: 10px;
     height: 10px ;
     max-height: 300px;
     }

   .custom-popup, .leaflet-popup-tip {
     background: #0066ff;
     border: none;
     box-shadow: none;
     }

   .leaflet-popup-content-wrapper {
    background: white;
    border-radius: 2px;
    }

   .leaflet-popup {
     position: absolute;
     text-align: center;
     }

   .leaflet-popup-content {
     margin-top: 20px;
     margin-right: 10px;
     padding-right: 12px;
     min-width: 550px;
     max-height: 300px;
     overflow: auto;
     text-align:justify;

     }


.center{
  text-align: center;

 }

     .image {
       border: 2px solid blue;
       border-radius: 50%;
       padding: 5px;
       height: auto;
       width: 150px;
       display: block;
       margin-left: auto;
       margin-right: auto;
      }

      .tooltip {
        background: black;
        font-family: Arial;
        color: white;
      }
    .title {

    }

      .abstract {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
    background-color: #f8f8f8 !important;
    width: 30px !important;
    color: #000000 !important;
    height: 30px !important;
    text-align: center !important;
    line-height: 30px !important;
     }
    .abstractUncollapsed {
    padding: 6px 8px;
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color:#f8f8f8 !important;
    color: #000000 !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
    max-width: 40%;
}
    .info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
    .info h2 {
    margin: 0 0 5px;
    color: #0066ff;
}
.sidebar{position:absolute;top:0;bottom:0;width:100%;overflow:hidden;z-index:2000;box-shadow:0 1px 5px rgba(0,0,0,.65)}.sidebar.collapsed{width:40px}@media (min-width:768px) and (max-width:991px){.sidebar{width:305px}.sidebar-pane{min-width:265px}}@media (min-width:992px) and (max-width:1199px){.sidebar{width:390px}}@media (min-width:1200px){.sidebar{width:460px}}.sidebar-left{left:0}.sidebar-right{right:0}@media (min-width:768px){.sidebar{top:10px;bottom:10px;transition:width .5s}.sidebar-left{left:10px}.sidebar-right{right:10px}}.sidebar-tabs{top:0;bottom:0;height:100%;background-color:#fff}.sidebar-left .sidebar-tabs{left:0}.sidebar-right .sidebar-tabs{right:0}.sidebar-tabs,.sidebar-tabs>ul{position:absolute;width:40px;margin:0;padding:0;list-style-type:none}.sidebar-tabs>li,.sidebar-tabs>ul>li{width:100%;height:40px;color:#333;font-size:12pt;overflow:hidden;transition:80ms}.sidebar-tabs>li:hover,.sidebar-tabs>ul>li:hover{color:#000;background-color:#eee}.sidebar-tabs>li.active,.sidebar-tabs>ul>li.active{color:#fff;background-color:#0074d9}.sidebar-tabs>li.disabled,.sidebar-tabs>ul>li.disabled{color:rgba(51,51,51,.4)}.sidebar-tabs>li.disabled:hover,.sidebar-tabs>ul>li.disabled:hover{background:0 0}.sidebar-tabs>li.disabled>a,.sidebar-tabs>ul>li.disabled>a{cursor:default}.sidebar-tabs>li>a,.sidebar-tabs>ul>li>a{display:block;width:100%;height:100%;line-height:40px;color:inherit;text-decoration:none;text-align:center}.sidebar-tabs>ul+ul{bottom:0}.sidebar-content{position:absolute;top:0;bottom:0;background-color:rgba(255,255,255,.95);overflow-x:hidden;overflow-y:auto}.sidebar-left .sidebar-content{left:40px;right:0}.sidebar-right .sidebar-content{left:0;right:40px}.sidebar.collapsed>.sidebar-content{overflow-y:hidden}.sidebar-pane{display:none;left:0;right:0;box-sizing:border-box;padding:10px 20px}.sidebar-pane.active{display:block}.sidebar-header{margin:-10px -20px 0;height:40px;padding:0 20px;line-height:40px;font-size:14.4pt;color:#fff;background-color:#0074d9}.sidebar-right .sidebar-header{padding-left:40px}.sidebar-close{position:absolute;top:0;width:40px;height:40px;text-align:center;cursor:pointer}.sidebar-left .sidebar-close{right:0}.sidebar-right .sidebar-close{left:0}.sidebar-left~.sidebar-map{margin-left:40px}.sidebar-right~.sidebar-map{margin-right:40px}.sidebar.leaflet-touch{box-shadow:none;border-right:2px solid rgba(0,0,0,.2)}@media (min-width:768px) and (max-width:991px){.sidebar-left~.sidebar-map .leaflet-left{left:315px}.sidebar-right~.sidebar-map .leaflet-right{right:315px}}@media (min-width:992px) and (max-width:1199px){.sidebar-pane{min-width:350px}.sidebar-left~.sidebar-map .leaflet-left{left:400px}.sidebar-right~.sidebar-map .leaflet-right{right:400px}}@media (min-width:1200px){.sidebar-pane{min-width:420px}.sidebar-left~.sidebar-map .leaflet-left{left:470px}.sidebar-right~.sidebar-map .leaflet-right{right:470px}}@media (min-width:768px){.sidebar-left~.sidebar-map{margin-left:0}.sidebar-right~.sidebar-map{margin-right:0}.sidebar{border-radius:4px}.sidebar.leaflet-touch{border:2px solid rgba(0,0,0,.2)}.sidebar-left~.sidebar-map .leaflet-left{transition:left .5s}.sidebar-left.collapsed~.sidebar-map .leaflet-left{left:50px}.sidebar-right~.sidebar-map .leaflet-right{transition:right .5s}.sidebar-right.collapsed~.sidebar-map .leaflet-right{right:50px}}


#pop{
  position:absolute;
  top: 0;
  left:0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  display:none;
  z-index: 9999;
  transition: 0.25s;
}

#popwrap{
  width:84%;
  height: 80%;
  position: absolute;
  top: 10%;
  left:10%;
  z-index: 9999;
  background: #fff;
  display: none;
  margin: 0;
  padding: 0;
}

.closePop{
  width:5%;
  height: 20%;
  background: #b3362d;
  background: url('../IMG/Images/X.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #fff;
  line-height: 100%;
  vertical-align: middle;
  cursor: pointer;
}

#contentPop{
  width: 95%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

IMG{
  position: center;h
}
.leaflet-popup h1{
  text-align: center;
  font-family: Times;
  font-size: 30px;
}
.leaflet-popup h2{
  text-align: center;
  font-family: Times;
  font-size: 8px;
}
.leaflet-popup h3{
  text-align: center;
  font-family: Times;
  font-size: 8px;
}
.leaflet-popup h4{
  text-align: center;
  font-weight: 300;
  }
hr{
  color: #c6c6c6;
  width: 50%;
  }