@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700');
*{ margin: 0; padding: 0; border: none; box-sizing: border-box; }

ul, li{ 
  list-style: none;
}

li{ 
  list-style: none; 
  cursor: pointer;
}

.display-linebreak {
  white-space: pre-line;
}


body{ 
  font-family: 'Nunito', sans-serif; 
  color: #444444; 
  overflow-x: 'hidden';
}

body.light-mode {
  background-color: #fff;
  color: #333;
  transition: background-color 0.3s ease;
}
body.dark-mode {
  background-color: #1a1919;
  color: #999;
}

.wrapper{ 
  max-width: 1100px; 
  margin: 0 auto; 
}


#mapid { 
  height: 180px; 
}

.leaflet-container {
  height: 200px;
  width: 450px;
}

#map { 
  position:absolute; 
  top:0; 
  bottom:0; 
  width:100%; }

aside{     
	position: fixed;
    top: 80px;
    right: calc( (100% - 1200px) / 2 );
    width: 20%; 
	z-index: 40; 
}
a:active{  font-weight: 600; }

a {
  text-decoration: none;
  color: 'grey'
}
a:hover {
  text-decoration: underline;
}

a:link {color: grey;}      /* unvisited link */
a:visited {color: grey;}   /* visited link */
a:hover {color: grey;}     /* mouse over link */
a:active {color: grey;} 

aside .box{ max-height: 80vh}

.box{ background-color: #fff; border-radius: 10px; margin-bottom: 20px;   box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.24);}

.box .title{ padding: 15px 20px; border-bottom:1px solid #dadfe0;
 }
.box .title h3, h3{ color: #000; font-size: 16px;  }
.box .content{ padding: 20px 20px; border-bottom: 1px solid #dadfe0; }
main .box  p{ font-size:14px; font-weight: 100; margin-bottom: 5px}

.bouchon{
  
  font-weight: bold!important;  
  color: black!important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background:#CBCDCB; 
  border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}