html,
  body,
  /*définitions des containers*/
  /*viewDiv qui va contenir la carte - 1100*/
  #viewDiv 
  {
    height: 900px;
    margin: 0;
    padding: 0;
  }
  /*Instructions_DIV qui va contenir les informations*/
  #Instructions_DIV 
  {
    padding: 10px;
    background-color: #242424;
    width: 600px;
    color: white;
  }
  /*Info_aire_DIV qui va afficher les informatiosn relatives à l'aire du polygone*/
  #Info_aire_DIV 
  {
    padding: 4px 8px;
    font-size: 16px;
    bottom: 15px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
  }
  /*Logo_DIV qui contient le logo SERAIL*/  
  #Logo_DIV 
  {
    background-image: url('https://www.serail.nc/SERAIL/SITEWEB/RESEAUX/LOGO/LOGO_SERAILH.jpg');
    top: 15px;
    left: 62px;
    height: 48px;
    width: 200px;
  }
   /*SearchWidget_DIV qui contient l*/   
  #searchWidget_DIV 
  {
    width: 330px;
    border-style: solid;
    border-width: 0px;
  }
   #searchWidget_DIV2 
  {
    width: 330px;
    border-style: solid;
    border-width: 0px;
  }
   #searchWidget_DIV3 
  {
    width: 330px;
    border-style: solid;
    border-width: 0px;
  }
 #searchWidget_DIV4 
  {
    width: 330px;
    border-style: solid;
    border-width: 0px;
  }
   /*Bouton pour dessiner le polygone*/ 
  .esri-draw-button
  {
    background-color: #242424;
    color: #adadad;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
  }
  .esri-draw-button:hover 
  {
    background-color: #242424;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
  }
  .esri-draw-button-selected 
  {
    opacity: 1;
    background-color: rgba(102, 0, 255, 0.75);
    color: white;
  }
  .esri-draw-button-selected:hover 
  {
    background-color: rgba(102, 0, 255, 0.3);
    color: white;
  }
  /*Popup*/
  .esri-view-width-xlarge .esri-popup__main-container,
  .esri-view-width-large .esri-popup__main-container,
  .esri-view-width-medium .esri-popup__main-container 
  {
    width: 600px;
  }
a.info {
position:relative;
text-decoration: none;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute;
top:2em;
left:-20em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:200px;
text-align:center;
font-weight:normal;
font-size: 12px;
line-height:12px;
padding:2px 4px;
}
p{
font-size:1em;
}
.p1{
line-height:1.2em;
}
.p2{
line-height:1.2em;
border-bottom:1px dashed #0000FF;
}