H3
{
	font-family: times, georgia, arial;
	text-align: center;
	color: rgb(147,149,152); 
	font-size: 0.9EM;
	border-bottom: double;
	padding-bottom: 10px;
}
H3:hover
{
	border-bottom: solid;
	padding-bottom: 10px;
}
.portfolio
{
	border-bottom: solid;
}
h4
{
	font-family: times, georgia, arial;
	text-align: center;
	color: rgb(147,149,152); 
	font-size: 0.6EM;
}
#soustitre
{
	display: flex;
	justify-content: space-around;
	margin-left: 250px;
	margin-right: 250px;
		margin-top: 70px;
}
a
{
	text-decoration: none;
	color: rgb(147,149,152);
}
.retour
{
	
	display: block;
	width: 40px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 70px;
	margin-bottom:10px;

}
strong
{
	color: rgb(107,109,112); 
}
.titre1
{
	font-weight: normal;
}
#conteneur1
{
	display: flex;
	flex-direction: row;
	justify-content: center;

}
#conteneur2
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur3
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur4
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur5
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur6
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur7
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.projet
{
	justify-content: center;
	margin-top: 90px;
}
p
{
	font-family: times, georgia, arial;
	text-align: center;
	color: rgb(147,149,152); 
	font-size: 0.9EM;

}
p:hover
{
	font-weight: bold;
}
p:active
{
	font-weight: bold;
}
.p3
{
	font-weight: bold;
}
.porteencens 
{
	height: 250px;
	width: 250px;
	margin-top: 60px;
	margin-right: 15px;
opacity: 0.2;
}
.prouve
{
	height: 250px;
	width: 250px;
	margin-top: 60px;
	margin-right: 15px;
opacity: 0.2;
}
.erbier
{
	height: 250px;
	width: 250px;
	margin-top: 60px;
	margin-right: 15px;
opacity: 0.2;
}
.memoire
{
	height: 250px;
	width: 250px;
	margin-top: 60px;
	margin-right: 15px;
opacity: 0.2;
}
.zervos
{
	height: 250px;
	width: 250px;
	margin-top: 10px;
	margin-right: 15px;
}
.zervos:hover
{
opacity: 0.4;
}
.feutre
{
	height: 515px;
	width: 250px;
	margin-top: 10px;
	margin-right: 15px;
opacity: 0.2;
}
.ciffre
{
	height: 250px;
	width: 515px;
	margin-top: 10px;
	margin-right: 15px;
}
.ciffre:hover
{
opacity: 0.4;
}
.vase
{
	height: 515px;
	width: 250px;
	margin-top: -255px;
	margin-right: 280px;
opacity: 0.2;
}
.uro
{
	height: 250px;
	width: 250px;
	margin-top: -127.5px;
	margin-right: 15px;
opacity: 0.2;
}
.storyboard
{
	height: 250px;
	width: 250px;
	margin-top: -127.5px;
	margin-right: 15px;
opacity: 0.2;
}
.bijou
{
	height: 250px;
	width: 515px;
	margin-top: -255px;
	margin-right: 15px;
	margin-left: 265px;
	margin-bottom: 20px;
opacity: 0.2;
}
.wesserlin
{
	height: 250px;
	width: 250px;
	margin-top: -255px;
	margin-right: 15px;
	margin-bottom: 20px;
}
.wesserlin:hover
{
opacity: 0.4;
}
.lien
{
	height: 250px;
	width: 250px;
	margin-right: 15px;
	margin-top: -10px;
opacity: 0.2;
}
.ourde
{
	height: 250px;
	width: 250px;
	margin-top: -10px;
	margin-right: 15px;
opacity: 0.2;
}
.tropé
{
	height: 515px;
	width: 250px;
	margin-top: -10px;
	margin-right: 15px;
}
.tropé:hover
{
opacity: 0.4;
}
.video
{
	height: 250px;
	width: 250px;
	margin-top: -10px;
	margin-right: 15px;
opacity: 0.2;
}
.cirecom
{
	height: 250px;
	width: 250px;
	margin-top: -255px;
	margin-right: 15px;
	margin-bottom: 20px;
opacity: 0.2;
}
.aftcc
{
	height: 515px;
	width: 250px;
	margin-top: -255px;
	margin-right: 280px;
opacity: 0.2;
}
.carrier
{
	height: 250px;
	width: 250px;
	margin-top: -255px;
	margin-right: 15px;
	margin-bottom: 20px;
opacity: 0.2;
}
.boite
{
	height: 250px;
	width: 250px;
	margin-top: -255px;
	margin-right: 280px;
	margin-bottom: 20px;
opacity: 0.2;
}
.cloce
{
	height: 250px;
	width: 515px;
	margin-top:-255px;
	margin-right: 15px;
	margin-bottom: 20px;
opacity: 0.2;
}