  


//












@font-face {font-family: 'DistantGalaxy';
    
src: url('fonts/DISTGRG.eot');
    
src: url('fonts/DISTGRG.eot?#iefix') format('embedded-opentype'),
         
url('fonts/DISTGRG.woff') format('woff'),
         
url('fonts/DISTGRG.ttf') format('truetype'),
        
url('fonts/DISTGRG.svg#DistantGalaxyRegular') format('svg');
    
}





body
{
	background-attachment:fixed;
	background-image:url('images/fond.jpg');
    	font-family: 'Arial','FreeSans';
    
	color:rgba(0,0,0,1);	
	font-size:16px;
	text-shadow:rgba(255,255,255,1)0px 0px 0px;
	line-height:1.2;
	font-weight:100;

}

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



a
{
text-decoration:none;
color:rgba(0,0,0,1);
//font-weight:100;

}

.star
{

position:fixed;
bottom:0%;
left:0%;
width:512px;
height:512px;
background-image:url('images/star.png');
background-size: 800px auto;
background-position:-300px 00px;
background-repeat:no-repeat;
}

#floater 
{
	position:relative; 
	float:left;
	height:50%;	
	margin-bottom:-500px;
}
 
#centered {
	position:relative; 
	clear:left;
	height:940px;
	width:1000px;
 	margin:0 auto;
}


header
{
	box-shadow: 0 0 2px 2px rgba(255,255,255,1);
    	background-color:rgba(255,255,255,1);
	font-weight:bolder;
	position:relative;
	top:10px;
	left:0px;
	height:90px;
	width:1000px;
	border-radius:0px 0px 0px 0px;
	border-left:;
	border-right:;
	border-top:;
	opacity:0.5;
	margin:0px;
	padding:0px;
	z-index:40;
}

.logo
{
float:left;
width:100px;
margin-right:40px;
}

.title
{
padding-top:10px;
font-weight:900;
font-family:'Arial','FreeSans';//'DistantGalaxy';
font-size:56px;
color:rgba(0,0,0,1);
text-shadow: rgba(255,255,255,1)0px 0px 0px;
}

.subtitle
{
font-family:'DistantGalaxy';
text-align:center;
font-size:24px;
color:rgba(0,0,0,255);
color:rgba(0,0,0,1);
height:20px;
text-shadow:rgba(255,255,255,1)0px 0px 0px;
}


nav
{
    box-shadow: 0 0 2px 2px rgba(255,255,255,1);
    background-color:rgba(255,255,255,1);
    font-family:'Arial','FreeSans';//'DistantGalaxy';
    color:rgba(0,0,0,1);
    font-size:24px;
    position:relative;
    margin:0px;
    padding:0px;	
    top:10px;
    height:28px;
    width:100%;
    opacity:0.9;
    border-left:;
    border-right:;
    z-index:40;

}

nav ul 
{
list-style: none;
margin:0px 10px 0px 10px;
}


nav li
{
float:left;
padding-left:17px;
padding-right:17px;
margin:0px;
padding-bottom:0px;
padding-top:0px;
}

nav li:hover
{
//text-shadow: white 0px 0px 2px;
//background-color:rgba(0,0,0,1);
//border: 0px double rgb(100,100,100,1);
border-radius:0px 0px 0px 0px;
box-shadow:0 0 3px 1px black;
}

nav a
{
color:rgba(0,0,0,1);
text-shadow: rgba(255,255,255,1)0px 0px 0px;
text-decoration:none;
display:inline-block;
width:100%;
margin:0px;
padding:0px;
}


nav a:hover
{

color:red;
text-shadow: black 0px 0px 0px;
text-decoration:none;
}


nav li ul {
	background-color: rgba(255,255,255,1);
	border-radius:0px 0px 0px 0px;
	position: absolute;
	opacity:0;
	padding:2px;
	margin-top:0px;
	margin-left:-17px;
	z-index:inherit;
	border: 0px black;
	overflow: hidden;
	max-height:0px;
	box-shadow:0 0 2px 1px black;

	
}

nav li:hover ul
{
	left: auto;
	z-index:inherit;
	opacity:1;
	max-height:500px;	
}

nav li ul li
{
	text-align:left;
	float:none;
	padding:5px;
	margin:0px;
 	z-index: 3;
}


nav li ul li:hover
{
//border: 0px double rgb(100,100,100,1);
}

section
{

	box-shadow:0 0 2px 2px rgba(255,255,255,1);
	position:relative;
	top:10px;
	left:0px;
	width:1000px;
	min-height:800px;
    	background-color:rgba(255,255,255,0.3);
	opacity:1;
	//border-left:2px solid rgba(255,255,255,1);//;
	//border-right:2px solid rgba(255,255,255,1);//;	
}


footer
{
	box-shadow: 0 0 2px 2px rgba(255,255,255,1);
    	background-color:rgba(255,255,255,1);
	font-Size:12px;
	font-weight:bold;
	position:relative;
	text-align:center;
	top:10px;
	left:0px;
	width:1000px;
	height:10px;
	border-radius:0px 0px 0px 0px;
	opacity:0.5;
	border-left:;
	border-right:;
	border-bottom:;
}


article
{
padding:10px;
background-color:;
box-shadow: 0 0 2px 2px rgba(255,255,255,1);
margin:0px;
}

#contact_article
{
text-align:center;
position:absolute;
left:20px;
top:40px;
width:580px;
height:390px;
}

#contact_article2
{
text-align:center;
position:absolute;
right:20px;
top:490px;
width:500px;
height:250px;
}


.contact_photo
{
//background-color:rgba(255,255,0,0.2);
box-shadow: 0 0 2px 2px rgba(255,255,255,1);
position:absolute;
right:30px;
top:50px;
height:410px;
padding:0px;
margin:0px;
}


.contact_photo2
{
//background-color:rgba(255,255,0,0.2);
box-shadow: 0 0 2px 2px rgba(255,255,255,1);
position:absolute;
left:30px;
top:500px;
height:270px;
width:400px;
padding:0px;
margin:0px;
}


#contact0
{
opacity:1;
}
#contact1
{
opacity:0;
}
#contact2
{
opacity:0;
}
#contact3
{
opacity:0;
}
#contact4
{
opacity:0;
}
#contact5
{
opacity:0;
}

h1
{
font-size:32px;
margin:0px;
padding:10px;
text-align:center;
}

h2
{
font-size:24px;
margin:0px;
padding:10px;//0px 150px 0px 10px;
}

h3
{
font-size:20px;
margin:0px;
padding-top:-10px;
padding-bottom:10px;
}

strong
{
font-weight:900;
}

p
{
padding-left:10px;
margin:0px;
}


.publication_list
{
list-style: none;
margin: 5px; 
padding: 10px; 
}


.publication
{
background-color:rgba(255,255,255,1);
font-size:18px;
list-style: none;
padding: 2px 5px 2px 5px; 
margin:5px;
transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
}

.publication a
{
color:rgba(0,0,0,1);
text-decoration:none
font-weight:100;
}

.publication:hover a
{
color:rgba(255,255,255,1);
}

.publication:hover
{
background-color:rgba(0,0,0,1);
}

.publication_small
{
position:relative;
top:-5px;
margin-bottom:5px;
font-size:10px;
}

.float_left
{
float:left;
height:240px;
padding-left:5px;
padding-top:0px;
padding-right:20px;
padding-bottom:0px;
}

.float_right
{
float:right;
height:240px;
padding-left:20px;
padding-top:0px;
padding-right:5px;
padding-bottom:0px;

}

#research_overview
{
position:relative;
top:5px;
margin-left:5px;
margin-right:5px;
height:240px;
transition: all 1.1s linear;
-webkit-transition: all 1.1s linear;
}

#research_overview:hover
{
color:rgba(255,255,255,1);
background-color:rgba(0,0,0,1);
}

