#left
{
	width:64%;
}
#right{
	width:34%;
	float: right;
}

.item {
	background-color:#224385;
	padding-top:10px;
	padding-left:5px;
}
.item:hover {
	background-color:#55b7e8;
}
.titretop,
.nom,
.titre
{
	text-transform:uppercase;
}
.titretop
{
	background-color:white;
	color:#444;
	font-size:28px;
	padding:8px 0 1px 10px;
	margin:0 0 3px 0;
}
h2
{
	text-transform: uppercase;
	cursor: pointer;
	color:white;
	font-size: 16px;
}

.titre
{
	cursor: pointer;
	color:white;
	font-size: 11px;
	padding:4px 0 6px 10px;
	margin:0 0 3px 0;
}
.desc
{
	background-color:white;
	font-size: 11px;
	line-height:14px;
	padding:10px 10px 10px 10px;
	margin:0 0 3px 0;
	display: none;
	text-align:justify;
}
.courriel
{
	margin:10px 0 0 0;
	font-weight: bold;
	font-size: 11px;
}
.courriel a{
	color:#494949;
}
.bio
{
	background-color:#fff;
	padding:20px 0 20px 0;
	font-size:11px;
	margin-top:50px;
	line-height: 16px;
}
.bio .left,
.bio .right
{
	text-align: center;
	width:10%;
	margin-top:-30px;
}
.bio .center
{
	width:80%;
}
.bio .left,
.bio .right,
.bio .center
{
	float:left;
}
.accent
{
	font-weight: bold;
}
.textoplomo{
	font-size:21px;
	color:#CCC;
	}
.texto_normal{
	font-size:32px;
	color:#ffffff;
	}
.resaltado_celeste{
		color:#1d6aaf;
	}