.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-top:-450px;
}
#conteneur3
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:530px;
}
#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:-255px;
}
#conteneur6
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:-265px;
}
#conteneur7
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur8
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#conteneur10
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.vert1
{
	width:900px;
	height:450px;
	margin-right:385px;
	background-color: rgb(162,215,208);
}
#conteneur9
{
	width:516px;
	height:777px;
	margin-top:-901px;
	background-color: rgb(162,215,208);
	z-index:-1;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:50px;
	}
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;

}
.memoire
{
	height: 250px;
	width: 250px;
	margin-left:-525px;
}
.memoire:hover
{
opacity: 0.4;
}
.vase
{
	height: 515px;
	width: 250px;
	margin-right:15px;
}
.vase:hover
{
opacity: 0.4;
}
.bijou
{
	height: 250px;
	width: 515px;
	margin-right:15px;
}
.bijou:hover
{
opacity: 0.4;
}
.projetdediplome
{
	height: 515px;
	width: 250px;
}
.lien
{
	height: 250px;
	width: 250px;
	margin-right:15px;
}
.lien:hover
{
opacity: 0.4;
}
.video
{
	height: 250px;
	width: 250px;
}
.video:hover
{
opacity: 0.4;
}
.aftcc
{
	height: 515px;
	width: 250px;
	margin-left: 265px;
}
.aftcc:hover
{
opacity: 0.4;
}
.stylo
{
	height: 250px;
	width: 250px;
		margin-left: 15px;
		
}
.stylo:hover
{
opacity: 0.4;
}
.cirecom
{
	height: 250px;
	width: 250px;
	margin-right:280px;
	margin-left:265px;
}
.cirecom:hover
{
opacity: 0.4;
}
.boite
{
	height: 250px;
	width: 250px;
}
.boite:hover
{
opacity: 0.4;
}

.cloce
{
	height: 250px;
	width: 515px;
	margin-right:-265px;
}
.cloce:hover
{
opacity: 0.4;
}
.portevue
{
	height: 250px;
	width: 250px;
	margin-left:800px;
}
.portevue:hover
{
opacity: 0.4;
}