#logo{
	width: 9vw;
	margin-left: 5vw;
	margin-top: 1vw;
	z-index: 2;
}

#titre_logo{
	width: 9vw;
	font-family: DM_Mono regular;
	font-size: 1vw;

}

#logoimg{
	width: 100%;
	height: auto;

}
#naviguateur{
	width: 98vw;
	align-items: center;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;

}

#liennaviguateur{
	width: 45vw;
	display: flex;
	justify-content: space-around;
	font-family: DM_Mono regular;
	font-size: 1,1vw;
	margin-top: vw;
	transition: all ease;
	margin-top: 1vw;

}

li{
	color: #4573e8;
}

a{

	color: #4573e8;
	text-decoration: none;

}

a:hover{

	color: #147cf2;

}

img{
	border-radius: 2vw;
}

p{
	line-height: 120% ;
}




/* page Index*/

#finsite {
	font-family: DM_Mono regular;
	color: #4573e8;
	font-size: 12px;
	width: 60vw;
	margin: auto ;
	margin-right: 10px;
}


h3{
	font-family: DM_Mono medium;
	font-size: 20px;
	margin-top: 0.8vw;
}

h4{
	font-family: DM_Mono regular;
}


.grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	grid-template-rows: repeat(5, 1fr);
	grid-auto-flow: row;
	width: 90vw;
	margin: 2vw auto;
	padding-top: 10px;
}

.child{
	grid-column-start: 1;
	grid-column-end: 3;
}

.child2{
	grid-column-start: 2;
	grid-column-end: 4;
}



img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}


.TextePortfolio{
	padding-top: 4px;
}




/* page Projet*/


.soustitrePortfolio{
	margin-top: 2px;
}

.conteneurIndex{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	padding-top: 10px;

}



#boutoninbetween{
	width: 28vw;
	height: auto;
	display: flex;
	margin-left: 45px;
	justify-content: space-around;
	font-family: DM_Mono medium;
	font-size: 1.3vw;

}

#boitetexteportfolio{
	width: 30vw;
	height: 40vw;
	margin-left: 5vw;
	margin-top: 2vw;
}

#titreportfolio{
	font-size: 1.5vw;
	font-family: DM_Mono medium;
	color: #4573e8;
}

#texteportfolio{
	font-size: 1.2vw;
	font-family: DM_Mono regular;
	color: #4573e8;
}

 
.contour{
	display: flex;
	max-width: 95vw;
	height: auto;
	margin: auto;
	padding-top: 2vw;
	justify-content: space-between;
}

.boite_scroll{
	overflow: scroll;
	width: 70vw;
	height:72vh;
	position: relative;
	grid-column-start: 5;
	margin-left: 9vw;
	margin-top: 2vw;

}



.ligne1{
	max-width: 50vw;
	height: auto;
	justify-content: space-between;
	display: flex 2px;
	position: relative;
}

.img_portfolio{
	width: 99%;
}

.img_portfolio2{
	width: 98%;
}




.ligne2{
	max-width: 50vw;
	
	height: auto;
	justify-content: space-between;
	display: flex ;
	position: relative;
	margin-top: 1.5vw;
}




/*En Vrac*/

.grilleDouze {
	width: 90vw;
	margin: 2vw auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-flow: row;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding-top: 10px;
}

.boiteVrac{
	grid-column: span 4;
	width: 100%;
/*	height: 15vw;*/
	position: relative;
}


.grilleDouze .boiteVrac  .ImgVrac img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

/*A propos*/

#boitetextepropos{
	width: 40vw;
	height: 40vw;
	margin: auto;
	margin-top: 10vw;
}

#textepropos{
	font-size: 1.2vw;
	font-family: DM_Mono regular;
	color: #4573e8;
}

.lienabout{
	justify-content: space-between;
	width:39vw;
	align-items: center;
	position: relative;
	display: flex;
	margin: auto;
	margin-top: 40px;
	font-size: 1.2vw;
	font-family:DM_Mono medium;
	color: #4573e8;
}