/* Commun */

body, html
{
	height: 100%;
	font-size: 100%;
	font-family:helvetica;
	color: #303030;
}

#wrapper
{
    width: 70%;
    max-width:900px;
    margin: auto;
    padding-left:15%;
    padding-top: 6em;
	padding-bottom: 3em;
}

/* Header */

header
{
    position: absolute;
    top: 0px;
    left: 0px;
	width: 100%;
	height: 6em;
	border-bottom: 4px solid darkslategray;
	z-index: 10;
}

#titre
{
	padding-left: 25%;
}

header h1
{
    font-size: 2.5em;
    font-weight: bold;
    color: #505050;
}

/* Navigation */

nav
{
    position: fixed;
    top: 0px;
    left: 0px;
	padding-top: 200px;
    width: 15%;
    height: 100%;
    font-size: 1em;
	background: Gainsboro;
	z-index: 1;
	text-transform: uppercase
}

nav ul
{
    list-style-type: none;
    padding: 0;
}

nav li
{
    text-align: center;
    padding: 10% 0 10% 0;
}

nav li:hover
{
	background: #e9e9e9;
}

nav li.selected
{
	background: #ffffff;
}

nav a
{
    color: darkslategray;
    text-decoration: none;
}

/* Mise en page  Intro */

#intro, #photo
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

#intro
{
	width: 48%;
}

#photo
{
    float: right;
    width: 50%;
	margin-bottom: 5%
}

#photo img
{
	width: 100%;
	max-width: 400px;
}

#contact h4
{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	color: #505050;
}

#contact p
{
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}

/* Mise en page */

section
{
	clear: both;
}

p, ul
{
    text-align: justify;
}

h3

{
	color: #505050;
}

/* Papiers */

h2
{
	font-size: 1.5em;
	color: #505050;
}

cite
{
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	color: #505050;
}

.author
{
	font-variant: small-caps;
}

.author a
{
	text-decoration: none;
}

.ref
{
	font-style: italic;
}

.files
{

}

#papers ul
{
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
	color: #505050;
}

#papers li
{
	padding: 10px 0 10px 0;
	text-align: left;
}


a.abstract {
 text-decoration : none;
 color: #505050;
}

a:hover.abstract {
 text-decoration : none;
 color: #505050;
}

a.abstract p
{
	margin-top: 0;
	display : none;
	padding-top: 1em;
	text-decoration : none;
    color: #505050;
}


a:hover.abstract p {
	display : block;
}

/* Simulations */

table
{
	margin: auto;
}

td { text-align: center; }


/*media queries*/

@media (max-width: 1200px){

#wrapper
{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 7em;
    
}

nav
{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 3em;
	font-size: 0.85em;
	padding-top: 0px;
	min-width: 320px;
}

nav ul
{
    list-style-type: none;
        margin: 0;
    padding : 0;
    height: 3em;
}

nav li
{
    display: inline-block;
        height: 2em;
    padding: 0px 4px 0px 4px;
			padding-top: 1em;
}

header
{
    position: absolute;
    top: 3em;
    left: 0px;
	width: 100%;
	height: auto;
	border-bottom: 4px solid black;
	padding-bottom: 10px;
	z-index: 10;
	min-width: 320px;
}

#titre
{
	padding: 0px 0px 0px 0px;
}

header h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
}

#photo
{
    float: bottom;
    width: 100%;
	margin-bottom: 5%
}

#intro
{
	width: 100%;
}

}