html, body {width:100%;height:100%;margin:0;padding:0;}

iframe {display:block; }

#footer {margin-left:100px;position:absolute;bottom:2px;width:300px;}
#footer img {height:30px;width:auto;border:none;}


#menuList > li > a img {
	vertical-align:middle;
    width:20px;
	margin-right:5px;
}


#menuList {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width:230px;
  position:absolute;
  font-size:14px;
}
#menuList {right:10px;}
#menuList ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  position:relative;
}
#menuList li {
	background-color:#2C8995; 
	background-image:-webkit-linear-gradient(top, #539EA9 0%, #2C8995 100%);
	background-image: linear-gradient(to bottom, #539EA9 0%, #2C8995 100%);
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#539EA9,endColorstr=#2C8995)";
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    color: #000;
	border-radius:0 0 6px 6px;
}
#menuList li li {
   max-height:0;
   overflow: hidden;
   -webkit-transition: all .5s; /* pour les anciennes versions de safari, ios safari, android browser */
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   /*margin:2px;*/
   background-color:#010101;
}
#menuList a {
	display:block;
	text-decoration: none;
	color: #fff;
	padding: 8px 0;
  font-family: verdana;
}
#menuList li li a {
	border:2px solid #010101;
	border-width:2px 4px 2px 4px;
	background-color:#444;
}
#menuList li li:last-child, #menuList li li:last-child a {
   border-radius:0 0 6px 6px;
}
/*#menuList li:hover {
   background: #010101;
   background:-moz-linear-gradient(center top , #010101, #434343) repeat scroll 0 0 rgba(0, 0, 0, 0);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#010101,endColorstr=#434343)";
}*/
#menuList li li a:hover {
   background-color:#2C8995; 
}


#menuList > li.smartHoverClosed a {background-color:#2C8995;}
#menuList > li.smartHoverClosed.smartHoverOpen a {background-color:#010101;}


/* adaptation menu 2 niveaux */
#menuList li:hover > ul > li {
  max-height: 20em;
}
#menuList li.hasElement:before {
	content:url(../img/plus2.png);float:left;margin-left:20px;margin-top:1em;
}
#menuList li.hasElement.smart:before {
	content:'';
	margin-left:0px;
}
#menuList li.hasElement.smart li a:before {
	content:'\2022 \00a0';
}
#menuList li.hasElement ul {
  left:-85%;
  position:absolute;
  margin-top:-2.5em;
  width:200px;
}
#menuList li.hasElement ul li:first-child,
#menuList li.hasElement ul li:first-child a {
  border-radius:6px 6px 0 0;
}
#menuList li.hasElement ul li:last-child,
#menuList li.hasElement ul li:last-child a {
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}
#menuList li.hasElement:hover li {
  max-height: 15em;
}
#menuList li.hasElement:hover > a {
  background-color:#2C8995;
}





@media screen and (max-width: 600px) {
	
#menuList {position:static;background-color:#010101;width:100%;right:0;}
#menuList li {border-radius:0;}
#menuList li li:last-child, #menuList li li:last-child a {border-radius:0;margin-bottom:0;}
#footer {position:static;width:100%;margin:0;text-align:center;height:80px;}
#xerte {height:calc(100% - 2em);}
/* adaptation menu 2 niveaux */
#menuList li.hasElement ul {
  position:static;
  width:100%;
  margin-top:0;
}
#menuList li.hasElement ul li,
#menuList li.hasElement ul li a,
#menuList li.hasElement ul li:first-child,
#menuList li.hasElement ul li:first-child a,
#menuList li.hasElement ul li:last-child,
#menuList li.hasElement ul li:last-child a {
  border-radius:0;
}
#menuList li.hasElement li a { background-color:#262626;}
#menuList li.hasElement li a:hover {
   background-color:#2C8995; 
}
/**/#menuList li:hover li {
  max-height: 20em;
}
#menuList li.hasElement:before {
	float:right;margin-right:20px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#menuList li.hasElement li {
   -webkit-transition: all .5s .4s;  /*pour les anciennes versions de safari, ios safari, android browser*/ 
   transition: all .5s .4s;
}

}


@media (max-device-width:768px) and (orientation: landscape) { /* tailles polices en orientation paysage, car bug sur iphone ipad */
  html {
   -webkit-text-size-adjust: 100%;
  }
}