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

.titre {
	color:#FFFF00;
	font-size:180%;
	}

#biographie {
	font-family:"Myriad Pro", "Franklin Gothic Medium", sans-serif;
	color:white;
	text-align:justify;
	}

.yellow {
	color:#FFFF00;
	}
.lien {
	color:#999999;
	text-decoration:none;
	}
.lien:hover {
	color:#FFFF00;
	}

#biographie {
	margin-left:35%;
	width:60%;
	padding-top:3%;
	}
#photo_TE {
	float:left;
	padding-top:10%;
	padding-left:3%;
	}

#sources {
	font-family:"Myriad Pro", "Franklin Gothic Medium", sans-serif;
	color:white;
	font-size:80%;
	}
	
/* ---------------------------------------------- galerie --------------------------------- */
.hoverbox {
	cursor:pointer;
	list-style:none;
	background:black;
	margin-left:35%;
	padding-top:2%;
	padding-bottom:2%;
	width:60%;
	}

.hoverbox a {
	cursor:pointer;
	}

.hoverbox a .preview {
	display:none;
	}

.hoverbox a:hover .preview {
	display:block;
	position:absolute;
	top:-35%;
	left:-45%;
	z-index:1;
	}

.hoverbox img {
	background:black;
	padding:1px;
	width:100px;
	height:75px;
	}

.hoverbox li {
	background:black;
	border-color:#FFFF00;
	border-style:solid;
	border-width:2px;
	float:left;
	margin: 3px;
	position:relative;
	}

.hoverbox .preview {
	border-color:#000;
	width: 200px;
	height: 150px;
	}