body {
	margin: 0px;
	padding: 0px;
}
div {
	font-family:"Fjalla One", sans-serif;
	text-align:left;
	padding-left:5px;
	margin-left:150px;
	margin-bottom:5px;
	font-size:15px;
	font-weight: bold;
	line-height:30px;
	color:#000;
	letter-spacing: 0.3em;
	height: 30px;
	width: 160px;
	background-color:rgb(255,255,255);
	border: solid;
	border-color:#000;
	position:relative;	
}
div span.menulivres {
	font-weight:normal;
	border: solid;
	border-color:#000;
	background-color: #000;
	height: 30px;
	position:relative;
	display:block;
	float:left;
	margin-left:160px;
	margin-top:-33px;
	visibility:hidden;
	width:0px;
	opacity:0;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-0-transition:all ease 1s;
	-moz-transition:all ease 1s;
}
div:hover span.menulivres {
	visibility:visible;
	width:865px;
	opacity:1;
}
div:focus span.menulivres {
	visibility:visible;
	width:865px;
	opacity:1;
}
.menuexpo {
	font-weight:normal;
	border: solid;
	border-color:#000;
	background-color: #000;
	height: 30px;
	position:relative;
	display:block;
	float:left;
	margin-left:160px;
	margin-top:-33px;
	visibility:hidden;
	width:0px;
	opacity:0;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-0-transition:all ease 1s;
	-moz-transition:all ease 1s;
}
div:hover span.menuexpo {
	visibility:visible;
	width:900px;
	opacity:1;
}div:focus span.menuexpo {
	visibility:visible;
	width:900px;
	opacity:1;
}
.menuweb {
	font-weight:normal;
	border: solid;
	border-color:#000;
	background-color: #000;
	height: 30px;
	position:relative;
	display:block;
	float:left;
	margin-left:160px;
	margin-top:-33px;
	visibility:hidden;
	width:0px;
	opacity:0;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-0-transition:all ease 1s;
	-moz-transition:all ease 1s;
}
div:hover span.menuweb {
	visibility:visible;
	width:780px;
	opacity:1;
}
div:focus span.menuweb {
	visibility:visible;
	width:780px;
	opacity:1;
}
.menubio {
	font-weight:normal;
	border: solid;
	border-color:#000;
	background-color: #000;
	height: 30px;
	position:relative;
	display:block;
	float:left;
	margin-left:160px;
	margin-top:-33px;
	visibility:hidden;
	width:0px;
	opacity:0;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-0-transition:all ease 1s;
	-moz-transition:all ease 1s;
}
div:hover span.menubio {
	visibility:visible;
	width:350px;
	opacity:1;
}
div:focus span.menubio {
	visibility:visible;
	width:350px;
	opacity:1;
}
.menucontact {
	font-weight:normal;
	border: solid;
	border-color:#000;
	background-color: #000;
	height: 30px;
	position:relative;
	display:block;
	float:left;
	margin-left:160px;
	margin-top:-33px;
	visibility:hidden;
	width:0px;
	opacity:0;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	-0-transition:all ease 1s;
	-moz-transition:all ease 1s;
}
div:hover span.menucontact {
	visibility:visible;
	width:120px;
	opacity:1;
}
div:focus span.menucontact {
	visibility:visible;
	width:120px;
	opacity:1;
}
ul li{
	margin-top:-7px;
	margin-right:15px;
	margin-left:0px;
	font-family:"Fjalla One", sans-serif;
	color:#FFF;
	font-size:15px;
	line-height:14px;
	text-align:left;
	vertical-align:middle;
	letter-spacing:0em;
	float: left;
	display:block;
	width:150px;
	text-decoration: none;	
}
ul li:nth-child(5) {
	margin-right:0px;
}
li.expo {
	width:265px;
}
li.web {
	width:220px;
}
li.bio {
	width:130px;
}
a {
	text-decoration: none;
	color:#F33;
}
a:hover {
	color: #3C0;
}
a:focus {
	color: #3C0;
}
a:visited {
	color:#FFF;
}
.anciensite {
	width:50px;
	height:50px;
	float:left;
	margin-left:-7px;
	margin-top:80px;
	position:fixed;
	border: #000;	
}