#navigateur{
	width: 80vw;
}

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

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

}

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

}

/* page Index*/

.conteneurIndex{
	grid-column: span 1;
}

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



.grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
	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;
}



article{
	bottom: 0px;
}

.boiteTexteIndex{
	grid-column-start: 1;
	grid-column-end: 2;
	padding-right: 50vw;
}

.boiteImageIndex{
	grid-column-start: 1;
	object-fit: cover;
	display: block;

}

#TexteIndex{
margin-top: 2vw;
	width: 40vw;
	padding: 5vw;
	display: block;

}



#imgsourire{
	width: 3vw;
	z-index: 450;
	position: absolute;
	padding-left: 0.5vw;
	margin-top: 1.7vw;

}

#imgfleche{
	width: 8vw;
	z-index: 300;
	padding: 1vw;
	margin-top: 8vw;
	margin-left: 13vw;
	position: absolute;

}

#imgIndex{
	width: 40vw;
	object-fit: cover;
	margin-top: 3vh;


}

#imgAccueil01{
	border-radius: 40px;
	width: 77vw;
	height: 47vh;
	display: flex;
	margin-left: 20vw;
}

/* page portfolio*/



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

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

.titrePortfolio{
	font-size: 3vw;
	font-family: DM_Mono medium;
	color: #4573e8;
}

.soustitrePortfolio{
	font-size: 2vw;
	font-family: DM_Mono regular;
	color: #4573e8;
	margin-top: 2px;
}

/* page Projet*/



#boutoninbetween{
	width: 50vw;
	height: auto;
	display: flex;
	padding-top: 2vw;
	justify-content: space-around;
	font-family: DM_Mono medium;
	font-size: 3vw;
	margin-left: 21vw;

}

#boitetexteportfolio{
	width: 90vw;
	height: 70vw;
	margin-left: 5vw;
	margin-top: 2vw;
	overflow: scroll;
}

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

#texteportfolio{
	font-size: 3vw;
	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: 95vw;
	height:40vh;
	position: relative;
	grid-column-start: 1;
	margin-left: 5vw;
	margin-top: 3vw;

}


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

.img_portfolio{
	width: 99%;
}

.img_portfolio2{
	width: 98%;
}




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




/* page envrac*/

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

/* page apropos*/

#boitetextepropos{
	width: 75vw;
	height: 80vw;
	margin: auto;
	margin-top: 20vw;
}

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

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