@charset "UTF-8";
html, body {
height: 100%;
}
body {
overflow : hidden;
height: 100%;
font-size : 25px;
margin:0;
font-family : Verdana;
background-color : white;
color : #FFFFFF;

}

#logo2 {
position:absolute;
z-index:3;
float:left
width:100px;
height:50px;
padding-left:23%;
padding-top:1%;
}

a:hover {  
   text-shadow: 0px 0px 9px #999, 0 0 1em white, 0 0 0.2em #f29217;  
} 

div#menu {
	width:100%;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	background-color:rgba(0, 0, 0, 0.8);
	border-bottom:2px solid #f29217;

}

div#menu li {
list-style-type:none;
padding : 0 0.8em;
display : inline-block;
text-align: center;
}

div#menu li a:hover {  
   text-shadow: 0px 0px 9px #999, 0 0 1em white, 0 0 0.2em #ffffff;  
} 

div#menu ul {
text-align: center;	
}

/*#logo1 {
width:
}*/


a {
text-decoration: none;
background-color : transparent;
color : #FFFFFF;
border-color: transparent;
font-size: 22px;
}

h2 {
text-align:center;
color:#f29217;
margin:0;
padding-top:10px;
}

#fleche {
position:absolute;
padding-top:22%;
padding-left:460px;
z-index:1;
}


div.frame {
width:100%;
height:100%;
margin:0;
padding:0;
float:left;
}



div#article {
position:absolute;
background-color: rgba(0, 0, 0, 0.8);
font-size:12px;
width:400px;
margin-top:100px;
padding-top:5%;
padding-left:30px;
padding-right:30px;
border-right:3px solid #f29217;
height:100%;
}

div#article ul {
	list-style-type:disc; color: #f29217;
}

div#portfolio {
position:absolute; 
right:5%;
width:50%;
height:100%;
top:15%;
z-index:1;
}

.progress-button-center {
background-color:#f29217;
}