@charset "UTF-8";
/* CSS Document */


div,h1,h2,h3,h4,h5,span,section,nav,li,ul,body,html,p,a,span,ins{
	margin:0;
	padding:0;
	border:0;
}

*{
	text-decoration:none;
}

a{
	color:black;
}

body{
	font-family:Arial, Helvetica, sans-serif;
}

/* ********************************** */
/* ********************************** */
/*			     MENU				  */
/* ********************************** */
/* ********************************** */

nav{
	position:fixed; !important
	position:absolute;
	left:30px;
	top:30px;
	z-index:1;
}

nav ul li{
	font-size:13px;
	line-height:20px;
	font-weight:normal;
}

nav ul li{
	list-style:none;
}

nav ul li.menu-exergue{
	font-weight:bold;
}

nav ul li.menu-nom h1{
	margin-bottom:20px;
	font-size:13px;
	line-height:20px;
}

nav ul li.menu-bio{
	margin-top:20px;
}


/* ********************************** */
/* ********************************** */
/*			     CONTENU			  */
/* ********************************** */
/* ********************************** */

#contenu{
	position:relative;
	z-index:0;
	margin-top:75px;
	margin-left:240px;
}

#contenu section{
	margin-bottom:50px;
}

.legende{
	margin-top:10px;
	display:block;
	font-size:12px;
	font-weight:normal;
}

a.toclose{
	display:inline-block;
	vertical-align:top;
	font-size:30px;
	margin-left:-25px;
}

/* ********************************** */
/* ********************************** */
/*			     APROPOS			  */
/* ********************************** */
/* ********************************** */

#a_propos{
	width:800px;
	line-height:24px;
}
span.cv{
	display:inline-block;
	margin-left:120px;
	width:700px;
}
span.date{
	position:relative;
	float:left;
	margin-left:-120px;
}


/* ********************************** */
/* ********************************** */
/*			     MOBILE			  	  */
/* ********************************** */
/* ********************************** */

@media (max-width: 750px) {
	
nav{
	position:relative;
	top:0;
	left:0;
	right:0;
	background-color:#FFF;
	margin-bottom:50px;
}

nav ul{
	margin:20px;
}

nav ul li{
	display:inline-block;
	width:50%;
	font-size:20px;
	line-height:30px;
}

nav ul li.menu-nom{
	width:100%;
}
nav ul li.menu-bio{
	margin-top:0;
}

#contenu{
	position:relative;
	z-index:0;
	margin-top:75px;
	margin-left:20px;
	margin-right:20px;
}

#contenu section, #contenu section img{
	width:100%;
}

#contenu section#a_propos, #contenu section#cv{
	margin-left:0px;
	margin-right:0px;
	line-height:24px;
	width:auto;
	top:0;
	left:0;
}

span.cv{
	margin-left:80px;
	font-size:12px;
	line-height:18px;
	width:auto;
}


span.date{
	position:relative;
	float:left;
	margin-left:-80px;
}

}