/*----Body----*/

@font-face { font-family: helvetica;
src: url(fonts/helve/HelveticaNeueLTStd-Cn.otf);}

@font-face { font-family: helvetica_para;
src: url(fonts/helve/HelveticaNeueLTStd-Lt.otf);}

@font-face { font-family: moon;
src: url(fonts/rothwell/Rothwell.otf);}


body {
	background-color: #F0EFF6;
	font-family: helvetica;
	margin: 0px;
}

/*------pour le nom en haut--------*/
h1 {
	font-weight: normal;
    font-family: moon;
    font-size: 40px;
}

/*-------le menu et les titres--------*/
h2 {
	font-size: 21px;
	font-weight: normal;
	font-family: helvetica;
}

/*-------les paragraphe--------*/
h3 {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: normal;
}

/*-------les dates--------*/
p {
	font-size: 16px;
	color: black;
	font-family: helvetica_para;
}

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

.menu a {
	color: white;
}

img {
	width: 100%;
	height: auto;
}

video {
	width: 100%;
}

footer {
	margin: 10px ;
	border-top: solid 1px black ;
	padding-top: 20px;
	padding-bottom: 25px;
	color: black;
	font-family: helvetica;
	text-align: center;
	letter-spacing: 1px;
}














/*-----Header----*/

.header {
	margin: 0px;
	padding: 1px;
	background-color: black;
}

.name {
	letter-spacing: 1px;
	margin-left: 8px;
	color: white;
	
}












/*-----Menu----*/

.menu {
	display: grid;
	grid-template-columns: 1;
	background-color: black;
	margin: 0px;
	color: white;
	font-family: helvetica;
	letter-spacing: 1px;
}

@media only screen and (min-width: 1000px) {
	.menu {
		display: grid;
		grid-template-columns: 3fr 3fr 3fr;
		margin: 0px;
		color: white;
	}



.menu_Left a {
	text-align: center;
	webkit-transition: white 1s;
    transition: white 1s;
    background-color: black;

}

.menu_Left:hover {
	background-color: #6C5EA1;
	color: white;

}

.menu_Right a {
	text-align: center;
	webkit-transition: color 1s;
    transition: color 1s;
	background-color: black;

}

.menu_Right:hover {
	background-color: #6C5EA1;
	color: white;
}

.menu_Center a {
	text-align: center;
	webkit-transition: color 1s;
    transition: color 1s;
	background-color: black;
}

.menu_Center:hover {
	background-color: #6C5EA1;
	color: white;
}













/*---AllParts--*/


.parts {
	margin: 10px;
}

.projet_title {
	margin-top: 10px;
	border-top: solid 1px black ;
}


/*------Projet-----*/

.projet {
	display: grid;
	grid-template-columns: 2fr 2fr;
	gap: 10px;
	margin-top: 15px;
	margin-bottom: 70px;
	align-items: start;
}

.miniature img {
  width: 100%;
  height: auto;
  display: block;
}

.description {
	padding-top: 0px;
	margin-top: 0px;
}

.description h3 {
	margin-top: 0px;
	color: black;
}













/*------1--Croire_au_fauve--1----*/

.leprojet_total {
	margin: 10px;
}

.carroussel_title {
	margin-top: 10px;
	border-top: solid 1px black ;
	letter-spacing: 1px;
}

.caroussel {
		display: grid;
	grid-template-columns: 2fr 2fr 2fr;
	gap: 10px;

}









/*------1--PageDesignZeroDechet--1----*/

.title_project_page {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  position: sticky;
  top: 0;
  z-index: 10;
}

.title_dzd {
	background-color: #6C5EA1;
	color: white;
	text-align: center;
}













/*------1--About Me--1----*/




.infos {
display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 10px;
	margin-top: 15px;
	margin-bottom: 70px;
	align-items: start;
}