body {
            font-family: 'Accumin', sans-serif;
            font-size: 20px;
            line-height: 34px;
            background-color: #121211;
            color: whitesmoke;
      }


a{
	text-decoration: none;
	color: inherit;
}


a:hover{
	text-decoration: underline;
}

 header{
 	height: 220px;
 	width: 100vw;
 	background-color: #121211;
 	position: fixed;
 	z-index: 5;
 }    

 #logo{
 	width: 150px;
 	height: 80px;
 	margin: 20px auto;
 	/*border: 1px solid white;*/
 } 
 

 #logo img {
 	width: 100%;

 }

header nav{
	width: 600px;
 	height: 80px;
 	margin: 40px auto 30px;
}


header nav ul{
	display: flex;
	justify-content: space-around;
	text-align: center;
}

header nav ul a li{
	width: 100px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.6em;
	border: 1px solid deeppink;
}



/*fin du header*/



#espaceblanc{
	height: 250px;
}



/*debut index page accueil*/
#deux {
		width: 70vw;
	/*margin: auto;*/
	margin-left: 50px;
	/*border: 1px solid white;*/
}

.projetd {
	/*border: 1px solid red;	*/
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.projetd article{
	width: 47%;
	overflow: hidden;
	/*border: 1px solid white;*/
}


.projetd article a{
	width: 100%;
	overflow: hidden;
}

.projetd article a img{
	width: 100%;
}

#projetd .projetd article h6 {
	font-family: "accumin", italic; 
}
/*fin page accueil*/


/*début mosaique projet*/
 

#mosaique{
	width: 90vw;
	margin: auto;
	/*border: 1px solid white;*/
}

.ligne{
	/*border: 1px solid red;	*/
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}


#mosaique .ligne article{
	width: 30%;
	/*border: 1px solid white;	*/
}


#mosaique .ligne article .image{
	width: 100%;
/*	height: 200px;
	overflow: hidden;*/
	/*border: 1px solid white;*/
}

#mosaique .ligne article .image img{
	width: 100%;
	object-fit: cover;
}


#mosaique .ligne article h5{
	margin: 10px 0px;
	font-size: 12px;
	line-height: 14px;
}




/*fin mosaique projet*/



#introproj{
	width: 90vw;
	margin:0px auto 100px;
}

#introproj h2{
	margin: 50px 0px 100px;
	text-align: center;
	font-size: 2em;
}

#introproj figure{
	width: 100%;
	overflow: hidden;
}

#introproj figure div{
	z-index: 2;
	width: 100%;
}


#introproj figure img{
	width: 100%;
}

/*fin introprojet*/

#descriptionprojet{
	width: 90vw;
	margin:0px auto 100px;
}

#descriptionprojet p {
	width: 70%;
	margin-top: 120px;
}
/*fin description projet*/

/*début caroussel*/

.containerimages{
	width: 80vw;
	margin: 150px auto 100px;
	overflow-x: scroll;

}

.gallerybig{
		display: flex;
		width: 200%;
		/*augmenter la largeur si plus de photo*/
		overflow-x: scroll;
}
.gallerybig a{
	display: block;
	margin-right: 20px;
	height: 200px;
}

.gallerybig a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery{
		display: flex;

}


.gallery a{
	display: block;
	margin-right: 20px;
	height: 200px;
}

.gallery a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*nav entre projet*/
nav{
	width: 90vw;
	margin: 30px auto 0px;
}

nav ul{
	display: flex;
	justify-content: space-between;
}

nav ul li a{
	text-decoration: none;
	color: inherit;
	font-size: 0.8em;
}



/*contact*/
#contact {
	margin-left: 50px;
}






/*a propos de moi*/
#moi{
		width: 90vw;
	/*margin: auto;*/
	margin-left: 50px;
	/*border: 1px solid white;*/
}

.propos {
	/*border: 1px solid red;	*/
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.propos article{
	width: 47%;
	overflow: hidden;
	/*border: 1px solid white;*/
}


.propos article p{
	width: 100%;
	overflow: hidden;
}

.propos article img{
	width: 70%;
	float: right;
}

#projetd .projetd article h6 {
	font-family: "accumin", italic; 
}
	









/*début footer*/
footer{
	width: 80vw;
	margin: 200px auto 10px;
}

footer ul{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
}

footer ul li a {
	display: block;

}