.logor
{
	display: block;
	width: 45px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 55px;
	margin-bottom:10px;
}
H3
{
	font-family: arial, georgia, times;
	text-align: center;
	color: black; 
	font-size: 0.9EM;
	border-bottom: double;
	padding-bottom: 10px;
}
H3:hover
{
	border-bottom: solid;
	padding-bottom: 10px;
}
.presentation
{
	margin-right:40px;
}
.portfolio
{
	margin-right:40px;
		border-bottom: solid;
}
.contact
{
	margin-right:40px;
}
#soustitre
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
a
{
	text-decoration: none;
	color: black;
}
.retour
{
	
	display: block;
	width: 40px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 70px;
	margin-bottom:10px;
}
.retourportfolio
{
	
	display: block;
	width: 80px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 90px;
	margin-bottom:10px;
}
strong
{
	color: rgb(107,109,112); 
}
.titre1
{
	font-weight: normal;
}
#conteneur1
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom:10px;
	margin-top:60px;

}
#conteneur2
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left:-265px;
}
#conteneur3
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:-255px;
}
#conteneur4
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left :-265px;
}
#conteneur5
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:15px;
	margin-left:270px;
}
#conteneur6
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:12px;
}
#conteneur7
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top :-515px;
	margin-left:-260px;
}
#conteneur8
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top :-255px;
	margin-left:5px;
}
#conteneur9
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:-255px;
	margin-left:-790px;
}
#conteneur10
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:-790px;
}
#conteneur11
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur12
{
	margin-left:auto;
	margin-right:auto;
	width:515px;
	height:778px;
	margin-top:-782px;
	justify-content: center;
	background-color: rgb(19,61,73);
}
#conteneur13
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:-250px;
	margin-bottom:1px;
}
.vert1
{
	width:900px;
	height:780px;
	margin-right:380px;
	background-color: rgb(9,61,73);
}
.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;
}
.p1
{
	font-family: times, georgia, arial;
	text-align: center;
	color: rgb(147,149,152); 
	font-size: 0.9EM;
	font-weight: bold;

}

.porteencens 
{
	height: 250px;
	width: 250px;
	margin-right:7.5px;
	
}
.porteencens:hover 
{
opacity: 0.7;
background-color: white;
}
.prouve
{
	height: 250px;
	width: 250px;
	margin-left:7.5px;
}
.prouve:hover
{
opacity: 0.7;
}
.vase
{
	height: 515px;
	width: 250px;
	margin-right:15px;
}
.vase:hover
{
opacity: 0.7;
}
.bijou
{
	height: 250px;
	width: 515px;
}
.bijou:hover
{
opacity: 0.7;
}
.wesserlin
{
	height: 250px;
	width: 250px;
	margin-left:-257.5px;
}
.wesserlin:hover
{
opacity: 0.7;
}
.design
{
	height: 250px;
	width: 515px;
	margin-right: 15px; 
}

.lien
{
	height: 250px;
	width: 250px;
}
.lien:hover
{
opacity: 0.4;
}
.erbier
{
	height: 250px;
	width: 250px;
	margin-right:265px;
}
.erbier:hover
{
opacity: 0.4;
}
.ourde
{
	height: 250px;
	width: 250px;

}
.ourde:hover
{
opacity: 0.4;
}
.boite
{
	height: 250px;
	width: 250px;
	margin-left: 800px;
}
.boite:hover
{
opacity: 0.4;
}
.feutre
{
	height: 515px;
	width: 250px;
	margin-right:15px;
}
.feutre:hover
{
opacity: 0.4;
}
.cloce
{
	height: 250px;
	width: 515px;
}
.cloce:hover
{
opacity: 0.4;
}
.tropé
{
	height: 515px;
	width: 250px;
	margin-right:15px;
}
.tropé:hover
{
opacity: 0.4;
}
.uro
{
	height: 250px;
	width: 250px;
}
.uro:hover
{
opacity: 0.4;
}
.carrier
{
	height: 250px;
	width: 250px;
}
.carrier:hover
{
opacity: 0.4;
}
.stylo
{
	height: 250px;
	width: 250px;
		margin-left: 15px;
}
.stylo:hover
{
opacity: 0.4;
}

.zervos
{
	height: 250px;
	width: 250px;
}
.zervos:hover
{
opacity: 0.4;
}
.fuz
{
	height: 250px;
	width: 250px;
	margin-left:15px;
}
.fuz:hover
{
opacity: 0.4;
}