body{
margin:0;
padding:0;
background-color:black;
}


img{
height:100%;

}


.header{
height:25vh;
}


.blaze{
margin:0;
padding:0;
height:35vh;
width:10vw;
position:absolute;
position:fixed;
z-index:100;
}

.projets1{
	margin:10px;
	float: left;
	height: 400px;
	width: calc(100vw - 40px);
	background: #F5F5F5;
	overflow-x: scroll;
}

.photo{
height:385px;
padding:0;
margin:0;
position:relative;
display:inline-block;
line-height:0;
}

r{
	font-family: sans-serif;
	color:purple;
	font-size:30px;
}

p{
font-family: sans-serif;
color:lightgreen;
font-size:15px;
position:relative;
display:inline-block;
margin-left: 30px
height:385px;
padding:0;
margin:0;
}


.projets2{
  margin:10px;
	float: left;
	height: 450px;
	width: calc(100vw - 40px);
	background: #F5F5F5;
	overflow-x: scroll;
}
.photo2{
height:435px;
padding:0;
margin:0;
position:relative;
display:inline-block;
line-height:0;
}

.projets3{
	margin:10px;
	float: left;
	height: 270px;
	width: calc(100vw - 40px);
	background: #F5F5F5;
	overflow-x: scroll;
}

.photo3{
height:255px;
padding:0;
margin:0;
position:relative;
display:inline-block;
line-height:0;
}


.projets4{


	margin:10px;
	float: left;
	height: 400px;
	width: calc(100vw - 40px);
	background: #F5F5F5;
	overflow-x: scroll;
}

.photo4{
height:385px;
padding:0;
margin:0;
position:relative;
display:inline-block;
line-height:0;
}

.footer{
height:20vh;
}




.contenu-projet1{
	height: auto;
	width:200vw;
	background-color:black;
}


#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
height:10px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #FFFF00;
}



.contenu-projet2{
		height: auto;
	width:300vw;
	background-color: black;
}


#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
height:10px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #FFFF00;
}



.contenu-projet3{
	width:180vw;
	background-color:black;
}


#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
height:10px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #FFFF00;
}



.contenu-projet4{
	width:180vw;
	background-color: black;
}


#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
height:10px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #FFFF00;
}