.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: 30px;
	margin-left: auto;
    margin-right: auto; 
	margin-top: 70px;
	margin-bottom:10px;

}
p
{
	font-family: arial, georgia, times;
	text-align: left;
	color: black; 
	font-size: 0.9EM;
	width: 330px;
	height: 400px;
	padding-left: 40px;
	padding-right: 40px;
	overflow: auto;
		margin-top:-1px;
}
.titre
{
	font-family: arial, georgia, times;
	color: black; 
	font-size: 2EM;
	}
.italic1
{
	font-family: arial, georgia, times;
	text-align: left;
	color: black; 
	font-size: 0.9EM;
	font-style: italic;
}
#conteneur1
{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin-top: 90px;
	margin-bottom: 10px;
}
#conteneur2
{
		display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 28px;
	}
#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;
}
.italic
{
	font-family: arial, georgia, times;
	text-align: left;
	color: black; 
	font-size: 0.9EM;
	font-style: italic;
	width: 260px;
	height: 400px;
	margin-bottom: 10px;
	margin-left:410px;
	margin-top: -410px;
	overflow: auto;
		
}
.catalogue4
{
	width:400px;
	height:810px;
	margin-right: 10px;
	margin-top: -40px;
		}
.catalogue11
{
	width:400px;
	height:810px;
	margin-left: 410px;
	margin-top: -400px;
		}
.catalogue3
{
	width:400px;
	height:400px;
	margin-right: 410px;
	margin-top: -400px;
		}
.catalogue17
{
	width:810px;
	height:400px;
	margin-top:10px;
		}
.diaporama1
{
	width:810px;
	height:400px;
	margin-bottom: 10px;
	background-image: url("pictar/catalogue/22.jpg");
	animation-name: diapo1;
	animation-duration:16s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction: normal;
}

@keyframes diapo1{
0%{background-image: url("pictar/catalogue/22.jpg");}
20%{background-image: url("pictar/catalogue/22.jpg");}
25%{background-image: url("pictar/catalogue/25.jpg");}
45%{background-image: url("pictar/catalogue/25.jpg");}
50%{background-image: url("pictar/catalogue/16.jpg");}
70%{background-image: url("pictar/catalogue/16.jpg");}
75%{background-image: url("pictar/catalogue/10.jpg");}
95%{background-image: url("pictar/catalogue/10.jpg");}
}
.diaporama2
{
	width:400px;
	height:400px;
	margin-top: -10px;
	margin-left: 5px;
	background-image: url("pictar/catalogue/8.jpg");
	animation-name: diapo2;
	animation-duration:8s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction: normal;
}

@keyframes diapo2{
0%{background-image: url("pictar/catalogue/8.jpg");}
45%{background-image: url("pictar/catalogue/8.jpg");}
50%{background-image: url("pictar/catalogue/6.jpg");}
95%{background-image: url("pictar/catalogue/6.jpg");}
}
.diaporama3
{
	width:400px;
	height:400px;
	margin-bottom: 10px;
	margin-top: -40px;
	background-image: url("pictar/catalogue/19.jpg");
	animation-name: diapo3;
	animation-duration:28s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction: normal;
}

@keyframes diapo3{
0%{background-image: url("pictar/catalogue/19.jpg");}
10%{background-image: url("pictar/catalogue/19.jpg");}
15%{background-image: url("pictar/catalogue/5.jpg");}
25%{background-image: url("pictar/catalogue/5.jpg");}
30%{background-image: url("pictar/catalogue/7.jpg");}
40%{background-image: url("pictar/catalogue/7.jpg");}
45%{background-image: url("pictar/catalogue/9.jpg");}
55%{background-image: url("pictar/catalogue/9.jpg");}
60%{background-image: url("pictar/catalogue/13.jpg");}
70%{background-image: url("pictar/catalogue/13.jpg");}
75%{background-image: url("pictar/catalogue/18.jpg");}
85%{background-image: url("pictar/catalogue/18.jpg");}
90%{background-image: url("pictar/catalogue/20.jpg");}
95%{background-image: url("pictar/catalogue/20.jpg");}
}
