body{
	margin: 0;
	background: white;
}



#container{
	position: relative;
	width: 900px;
	margin:100px auto;
	bottom: 30px;
}

.apercu{
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	margin: 0px auto;
	float: left;
	background-size: 100%;
}

#memoire2{
	background-image: url("../img/work/memoire2.png");
}
#memoire2:hover{
	background: blue;
}

#memoire{
	background-image: url("../img/work/memoire.png");
}
#memoire:hover{
	background: fuchsia;
}

#vin{
	background-image: url("../img/work/vin.png");
}
#vin:hover{
	background: lime;
}

#ouidire{
	background-image: url("../img/work/ouidire.png");
}
#ouidire:hover{
	background: lime;
}

#maternite{
	background-image: url("../img/work/maternite.png");
}
#maternite:hover{
	background: lime;
}

#atlas{
	background-image: url("../img/work/atlas.png");
}
#atlas:hover{
	background: fuchsia;
}

#izia{
	background-image: url("../img/work/izia.png");
}
#izia:hover{
	background: lime;
}

#viderose{
	background-image: url("../img/work/rose.png");
}

#videvert{
	background-image: url("../img/work/vert.png");
}


.nomprojet{
	margin: auto;
	text-align: center;
	font-size: 25px;
	text-decoration: none;
	/*padding-top: 110px;*/
	margin: 0 20px;
	color: black;
}

#vin, #memoire, #maternite, #izia{
	padding-top: 110px;
	height: 190px;
}

#memoire2{
	padding-top: 90px;
	height: 210px;
}

#atlas, #ouidire{
	padding-top: 130px;
	height: 170px;
}


em{
	font-size: 15px;
	font-style: normal;
	padding-top: 180px;
	font-weight: 400;
	text-decoration: none;
}



@media(max-width: 1200px){
	#container{
		width: 600px;
	}

	#videvert{
		display: none;
	}
}


@media(max-width: 799px){

	#vin, #memoire, #maternite, #izia{
		padding-top: 130px;
		height: 230px;
	}

	#memoire2{
		padding-top: 100px;
		height: 260px;
	}

	#atlas, #ouidire{
		padding-top: 160px;
		height: 200px;
	}

	#container{
		width: 100%;
		top: 50px;
	}

	.indexmenu{
	width: 100% !important;
	text-align: center;
}

	.apercu{
		width: 100%;
		height: 370px;
	}

	.nomprojet{
		font-size: 30px;
	}

	em{
		font-size: 20px;
	}

	#viderose{
		display: none;
	}

	#videvert{
		display: none;
	}
}