.logor
{
	display: block;
	width: 45px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 55px;
	margin-bottom:10px;
}
body
{
	justify-content: center;
	align-items: center;
	}
H3
{
	font-family: arial, georgia, arial;
	text-align: center;
	color: black; 
	font-size: 0.9EM;
	border-bottom: double;
	padding-bottom: 10px;
}
H3:hover
{
	border-bottom: solid;
	padding-bottom: 10px;
}
.presentation
{
	border-bottom: solid;
	margin-right:40px;
}
.portfolio
{
	margin-right:40px;
}
.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;
}
.titre
{
	font-style: normal;
	font-size: 2EM;
	}
.intro
{
	font-style: normal;
	font-size: 1.2EM;
	}
p
{
	font-family: arial, georgia, arial;
	text-align: left;
	color: black; 
	font-size: 1EM;
	font-style: italic;
	width: 382px;
	Height:400px;
	margin-top:-5px;
	overflow:scroll;
	border-left: black solid 8px;
	border-bottom: black solid 8px;
	padding-left:10px;
}
.retour
{
	
	display: block;
	width: 40px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 70px;
	margin-bottom:10px;

}
.profil
{
	display: block;
	width: 400px;
	height: 400px;
	margin-right: 20px;
}
#conteneur1
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-top: 90px;
	margin-bottom: 90px;
	}
#conteneur2
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-top:-100px;
	margin-bottom:-96px;
	}
#conteneur3
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	}
#conteneur4
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-top:-414px;
	}
#conteneur5
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-top:-4px;
	}
#conteneur6
{
	display: flex;
	flex-direction: row;
	justify-content:center;
		margin-top:-4px;
	}	
	#conteneur7
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	}	
H4
{ Width :820px;
	height:65px;
	font-family: times, georgia, arial;
	text-align: right;
	color: white; 
	font-size: 4.5EM;
	background-color:rgb(255, 238, 19);
	padding-top:70px;
	} 
	
.mplus
{ 
	width: 410px;
	height: 410px;
}	
.mplus:hover
{
opacity: 0.4;
}
.cosmo
{ 
	width: 410px;
	height: 820px;
}	
.cosmo:hover
{
opacity: 0.4;
}
.chiffre
{ 
	width: 410px;
	height: 410px;
	margin-left:-410px;
}
.chiffre:hover
{
opacity: 0.4;
}
.wesserling
{ 
	width: 820px;
	height: 410px;
}
.wesserling:hover
{
opacity: 0.4;
}
.trophe
{ 
	width: 410px;
	height: 820px;

}
.trophe:hover
{
opacity: 0.4;
}
.zervos
{ 
	width: 410px;
	height: 410px;
}
.zervos:hover
{
opacity: 0.4;
}
.cv
{ 
	width: 410px;
	height: 410px;
	margin-top:-400px;
	margin-right:-410px;
}
.cv:hover
{
opacity: 0.4;
}