.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:-450px;

}
#conteneur2
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left:260px;
}
#conteneur3
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left:260px;
	margin-top:-15px;
}
#conteneur4
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
}
#conteneur5
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:-265px;
}
#conteneur6
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:-255px;
}
#conteneur7
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
}#conteneur8
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left:800px;
	margin-top:10px;
}#conteneur9
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:540px;
}
#conteneur10
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top:10px;
	margin-left:280px;
}
#conteneur11
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 15px;
}
#conteneur13
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.jaune1
{
	width:900px;
	height:450px;
	margin-top:60px;
	margin-left:385px;
	background-color: rgb(255,238,19);
}
#conteneur12
{
	width:515px;
	height:780px;
	margin-top:-1055px;
	margin-bottom: 280px;
	background-color: rgb(255,238,19);
	z-index:-1;
	margin-left: auto;
	margin-right:auto;
}
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-right:545px;
}
.memoire:hover
{
opacity: 0.4;
}
.storyboard
{
	height: 250px;
	width: 250px;
}
.storyboard:hover
{
opacity: 0.4;
}
.designgraphique
{
	height: 515px;
	width: 250px;
	margin-right:545px;
	margin-left:-260px;
}
.tarif
{
	height: 515px;
	width: 250px;
}
.tarif:hover
{
opacity: 0.4;
}
.mplus
{
	height: 250px;
	width: 250px;
	margin-top:-260px;
}
.mplus:hover
{
opacity: 0.4;
}
.ciffre
{
	height: 250px;
	width: 515px;
}
.ciffre:hover
{
opacity: 0.4;
}
.video
{
	height: 250px;
	width: 250px;
	margin-left:280px;
}
.video:hover
{
opacity: 0.4;
}
.totebag
{
	height: 250px;
	width: 250px;
	margin-right:280px;
}
.totebag:hover
{
opacity: 0.4;
}
.aftcc
{
	height: 515px;
	width: 250px;
}
.aftcc:hover
{
opacity: 0.4;
}
.catalogue
{
	height: 250px;
	width: 250px;
	margin-right:15px;
}
.catalogue:hover
{
opacity: 0.4;
}

.cirecom
{
	height: 250px;
	width: 250px;
	margin-right:532px;
}
.cirecom:hover
{
opacity: 0.4;
}
.affiche
{
	height: 250px;
	width: 250px;
	margin-left:800px;
}
.affiche:hover
{
opacity: 0.4;
}
.portevue
{
	height: 250px;
	width: 250px;
}
.portevue:hover
{
opacity: 0.4;
}
.videocire
{
	height: 250px;
	width: 515px;
	
}

.videocire:hover
{
opacity: 0.4;
}
.signaletique
{
	height: 250px;
	width: 250px;
}
.signaletique:hover
{
opacity: 0.4;
}
.banniere
{
	height: 250px;
	width: 515px;
	margin-right:15px;
	margin-left:-15px;
}
.banniere:hover
{
opacity: 0.4;
}
.acsk
{
	height: 250px;
	width: 250px;
	margin-right:275px;
	
}
.acsk:hover
{
opacity: 0.4;
}

.cube
{
	height: 250px;
	width: 250px;
	margin-left:275px;
	
}
.cube:hover
{
opacity: 0.4;
}