/*PROJET 2*/

/*font body*/
@font-face {
	font-family: "comfortaa";
	src: url("../../../font/comfortaa-regular.ttf");
	}
	
body {
	font-family: "comfortaa";
	margin: 0;
	overflow-x:hidden;
	}
	
	
/*background header*/
.header {
	background-image:url("images/background.jpg");
	background-size:100% 250%;
	width:100%;
	height: 100vh;
	padding:4vw 0 8vw 0;
	height:2vh;
	margin:0 0 5vw 0;
	text-align: center;
	}
	
	
/*txt header*/
a {
	transform: rotate(-90deg);
	width: 50%;
	text-decoration: none;
	text-align: center;
	color: white;
	}
	
.txt {
	text-align: start center;
	transform: rotate(-90deg);
	margin: 0% 0 -4% 0;
	padding: 0 0 0 4%;
	}
		
.art {
	font-size: 35px;
	margin: 0 0 0 2%;
	transform: rotate(-90deg);
	}

.inspi {
		font-size: 25px;
		margin: 0 0 0 2%;
		transform: rotate(-92deg);
		}
	
.aboutme {
	font-size: 11px;
	margin: 0 0 0 2%;
	transform: rotate(-90deg);
	}


/*slideshow*/
.conteneur1{
	overflow: hidden;
	margin:0 0 -10vw 0;
	width:100%;
	}
	
.d1{
	width: 3800px;
	height: 400px;
	background: url("images/slideshow.jpg");
	background-repeat: repeat-x;
	background-size: contain;
	overflow: hidden;
	animation-name: slide;
	animation: defilement1 30s linear infinite;
	}
	

	
@keyframes defilement1{
0% {transform: translate (0,100%);}
50% {transform: translate(-55%,0);}
100% {transform: translate (0,100%);}
}

	
/*txt*/
p {
	color: #6da2fe;
	}
	
i {
	color: #6da2fe;
	}
		
.titre {
	transform: rotate(270deg);
	margin: 0% 29% 20% 21%;
	color: #6da2fe;
	}
	
.txtc {
	margin:-9% 5vw 4% 50vw;
	text-align: justify;
	}
	
	
/*gallerie*/
.gallerie {
	margin:0 5vw 5vw 5vw;
	display:flex;
	flex-wrap:wrap;
	}

.img1{
	flex:1 3 33%;
	margin: 0 4px 0 0;
}

.img2{
	flex:1 3 33%;
	margin: 0 4px 0 0;
}

.img3{
	flex:1 3 33%;
}

.img4{
	flex:3 1 49%;
	margin: 0 4px 0 0;
}

.img5{
	flex:3 1 49%;
}

.img6{
	flex:1 3 33%;
	margin: 0 4px 0 0;
}

.img7{
	flex:1 3 33%;
	margin: 0 4px 0 0;
}

.img8 {
	flex:1 3 33%;
}

.img9{
	flex:3 1 50%;
}



/*background footer*/
.footer{
	background-image:url("images/background.jpg");
	background-size:100% 250%;
	width:100%;
	height: 100vh;
	padding:4vw 0 8vw 0;
	height:2vh;
	margin:5vw 0 0 0;
	text-align: left;
	}
	
/*logo footer*/
.logo {
	margin: -2% 0 0 5%;
	}
	
/*txt footer*/
.txtfooterg {
	margin: -6% 0 0 18%;
	}
	
.txtfooterd {
	text-align: right;
	margin: -3% 5% 0 0;
	}