body {
	font-family: 'roboto','sans-serif';
	background-color: #F4F7F6;
	/*border: 1px pink double; => met une bordure sur l'ensemble de la page*/ 
	margin: 0px;
}

header {
	text-align: center;
	background-color: black;
	color: white ;
	padding-bottom: 30px;
}

h1 {
	font-family:'beatcarb','arial','sans-serif';
	/*text-align: center;*/
/*	opacity: 0.9;
	text-shadow: 3px 3px 2px silver;*/
	margin-top: 0px;
	padding-top: 30px;
}

/*hover en survol, active pour le clic */
h1:hover {
	color: lightslategrey;
}

.separator{

}

h2 {
	font-family:'roboto','sans-serif';
	font-size: 1.5em;
	width: 400px;
	margin:auto;
}


h3:before {
	content: "« ";
	color: grey;
	
}

h3:after {
	content: " »";
	color: grey;
}

h3 {
	font-size: 1.5em;
	text-transform: uppercase;
}

/* text decoration "none" enlève le souligné des liens */
a {
	text-decoration: none;
	color: black;
}

a:visited {
	color: purple;
}

/*mettre le padding à 0 permet de supprimer la marge */
ul {
	padding: 0;
	display: inline;
}

/* list style type permet de retirer les 3 points de la liste */
li {
	list-style-type: none;
	display: inline;
	margin: 10px;

}

/*permet de basculer un élément lien en bas des autres menus

	a[title="contact"] {
		display: block;

}*/

li:hover{
	font-weight: bold;
}

nav {
	text-align: center;
	background-color: white;
	box-shadow: 0px 3px 1px -1px rgba(0, 0, 0, 0.5) ;
	font-size: 1.1em;
	padding: 15px;
}

* {
	box-sizing: border-box;
}

section {
	text-align: center;
}


/*ID*/
#contact {
	border: 1px black solid;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 50px;
}

#logo {
	margin-top: 30px;
	width: 200px;
	color: yellow;
}

#projet {
	display: flex;
	flex-wrap: wrap;
	justify-content: between;
}


/*CLASSES*/
.separator {
	width: 40px;
	height: 1px;
	margin: 15px auto;
	display: block;
	background: #999999;
}

.contener {
	width: 80%;
	margin: auto;
}

.projet {
	width: 400px;
	margin: 30px;
	display:inline-block;
	background: white;
	padding-bottom: 15px;
	border: 0px black solid;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	
}

.projet:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1)
 }

.projet img {
	min-width: 400px;
	height: 266px;
}

.picture {
	width: 400px;
	height: 266px;
	overflow: hidden;
	margin-bottom: 15px;
	
}

.projet .date-project {
	font-size: 0.7em;
}

.projet span {
	text-transform: uppercase;
	display: block;

}

footer {
	/*font-weight: bold;*/
	background-color: #1D1D1D;
	color: white;
	padding: 15px;
	text-align: center;
}

/*POLICES*/
@font-face {
	font-family: 'beatcarb';
	src: url('../src/beatcarb.otf') format('truetype');
}