html, body {
	margin: 0; 
	background-color:#DDDDDD;

}
table {
	margin:0 auto;
	border:0;
}
.black20{
	font-size:20px;
	font-weight:900;
}
#avenir {
	width:100%;
	background-color:lightyellow;
	color:#587e59;
}
#bas {
	width:100%;
	background-color:#DDDDDD;
	color:#587e59;
}
#chapeau {
	width:100%;
	background-color:#DDDDDD;
	color:#587e59;
}
#conteneur {
	text-align:center;
	font-family:'ITC Arnova', arial;
	font-size:16px;
	background-color:#DDDDDD;
}
#corps{
	width:100%;
	background-color:#AAAAAA;
	color:#000000;
}
#DivPop{
	position:absolute;
	top:10%; 
	left:30%;
	border-style:solid;
	border-color:#000000;
	background-color:white;
	text-align:center;
	padding:3%;
	color:#087828;
	font-weight:900;
	visibility:hidden; 
}
#DivPopIns{
	position:absolute;
	top:10%; 
	left:30%;
	border-style:solid;
	border-color:#000000;
	background-color:white;
	text-align:left;
	padding:3%;
	color:#087828;
	font-weight:900;
	visibility:hidden; 
}
#inscription {
	width:100%;
	background-color:lightyellow;
	color:#333333;
}
a.lien3 {
	text-decoration:none;
	cursor:pointer;
	color:blue;
}
a.lien3:hover {
	color:#5A5A5A;
}
a.lien4 {
	text-decoration:none;
	cursor:pointer;
	color:#ffffff;
}
a.lien4:hover {
	color:#5A5A5A;
}
a.lien5 {
	text-decoration:none;
	cursor:pointer;
	color:#555555;
	font-weight:900;
}
a.lien5:hover {
	color:#AAAAAA;
}
a.lien_chapeau {
	font-weight:900;
	cursor:pointer;
	color:#0877b8;
}
a.lien_chapeau:hover {
	color:#AAAAAA;
}

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 300px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#77bf72; 
   background-image:-webkit-linear-gradient(top, #77bf72 0%, #344033 100%);
   background-image: linear-gradient(to bottom, #77bf72 0%, #344033 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #344033
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #77bf72
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}