body {
  background-color: #004002;
  font-family: arial, sans-serif;
  color: #074d09;
}
p  {
  margin: 6px 0;
}
p.comm  {
  font-style: italic;
}
.column  {
  float: left;
  border: 1px solid #777;
  padding: 3px;
}
.box {
  margin: 5px auto;
}
.box img {
  height: 115px;
  border: 1px solid #444;
}
#gridflex {
  display:flex;
  flex-wrap: wrap;
  background-color:#bbb;
  padding: 10px 0;
}
#map {
  margin:0px auto 5px auto;
  height: 400px;
  max-width: 800px;
  clear: left;
}
#container {
  background-image: url("./util/panorama5.png");
  background-position: top-left;
  background-repeat: no-repeat;
  background-color: #fffbe2;
  padding-top: 78px;
  max-width: 800px;
  margin: 0 auto;
  border: 10px solid #fffbe2; 
  border-radius: 20px;
  box-shadow: 10px 20px 5px #012e02;
}
#back  {
  background-color: #074d09;
}
.voisin  {
  width:33%;
  font-weight: normal;
  font-stretch: condensed;
  float:left;
  vertical-align:middle;
  text-align:center;
  background-color:#074d09;
}
#basdepage {
  height: 60px;
  background-color: #232323;
  margin: 0 0;
}
.clearfloats {
  clear: both;
  line-height: 40%;
}
.accordeon {
	background-color:#fcef9a;
  cursor: pointer;
  padding: 5px;
  width: 270px;
  text-align: left;
  border: 1px solid #074d09;
  outline: none;
  transition: 0.4s;
	}
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	/*.active,*/
.accordeon:hover {
  background-color: #ccc;
	}
	/* Style the accordeon panel. Note: hidden by default */
.panel {
  // padding: 5px;
  border: 1px solid #074d09;
  display: none;
  overflow: hidden;	 
  background-color: #fcef9a; 
  column-count: 2;
  column-rule: 1px dashed #074d09;
}
.panel p{
	font-weight:bold;
	font-size:0.8em;
	padding-left: 2em;
	margin-bottom: 0;
}
.panel ul{
	padding: 5px;
	margin-top: 0;
	list-style-position: inside;
}
.panel ul li{
		font-size:0.9em;
	}
@media screen and (min-width: 650px) {
  div.button {
    margin: 1em 2em;
    border-radius: 5px;
    background-color:#fffbe2;
  }
  div.button a {
    color:#074d09;
    padding: 0.5em;
    text-decoration:none;
    display:block;
  }
  div.button a:hover {
    color:#81d742;
    padding: 0.5em;
  }
}     
@media screen and (max-width: 651px) {
  #back  {
    background-color: #074d09;
    padding: 2em;
  }
  #back a, #back a:hover {
    color: #ffffff;
  }
}