@charset "UTF-8";
@import url("Leafy/stylesheet.css");
@font-face {
	font-family: "Leafy Extended";
	src: url("fonts/leafy-extended.woff");
	font-weight: normal;
	font-style: normal;
}
body {
	margin: 0;
	padding: 0;
	max-height: 100%;
}

.background {
	box-sizing: content-box;
	position: relative;
	max-width: 10%;
	min-width: 20%;
	display: inline-block;
	margin-top: 2%;
	margin-bottom: 10%;
	margin-left: 25%;
	margin-right: 25%;
}

.postprod {
	box-sizing: content-box;
	position: absolute;
	max-width: 32%;
	min-width: 35%;
	margin-top: 4%;
	margin-left: 62%;
	margin-right: 0%;
}

.ateliergraphique {
	box-sizing: content-box;
	position: absolute;
	max-width: 21%;
	min-width: 21%;
	margin-top: 55%;
	margin-left: 76%;
	margin-right: 0%;
}

.contact2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 20%;
	min-width: 20%;
	margin-top: 93%;
	margin-left: 72%;
	margin-right: 0%;
}

.montage2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 15%;
	min-width: 15%;
	margin-top: 34%;
	margin-left: 4%;
	margin-right: 0%;
}


.graphisme2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 15%;
	min-width: 15%;
	margin-top: 54%;
	margin-left: 8%;
	margin-right: 0%;
}

.anim2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 13%;
	min-width: 13%;
	margin-top: 70%;
	margin-left: 6%;
	margin-right: 0%;
}

.generiques2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 18%;
	min-width: 18%;
	margin-top: 89%;
	margin-left: 4%;
	margin-right: 0%;
}

.commdigit2 {
	box-sizing: content-box;
	position: absolute;
	max-width: 24%;
	min-width: 24%;
	margin-top: 107%;
	margin-left: 16%;
	margin-right: 0%;
}

.logocarre {
	box-sizing: content-box;
	min-width: 8%;
	max-width: 10%;
	display: inline-block;
	margin-top: 99%;
	margin-bottom: 8%;
	margin-right: 0%;
	margin-left: 84%;
	position: absolute;
}

.montage {
	display: inline-block;
	position: relative;
	overflow: visible;
	height: 60%;
	width: 30%;
	box-sizing: content-box;
	padding-left: 30%;
	padding-top: 15%;
	font-family: Leafy;
}

#montage:hover {
  transform: scale(1.2);
  transition: all 0,8s;
  transform-origin: 50% 50%;
}

.animation {
	display: inline-block;
	position: absolute;
	overflow: auto;
	height: 50%;
	width: 15%;
	box-sizing: content-box;
	padding-top: 4%;
	margin-left: -45%;
}


.graphisme {
	display: inline-block;
	position: absolute;
	overflow: auto;
	height: 40%;
	width: 17%;
	box-sizing: content-box;
	padding-top: 4%;
	margin-left: 6%;
}

.generiques {
	display:inline-block;
	position: absolute;
	overflow:inherit;
	height: 20%;
	width: 29%;
	box-sizing: content-box;
	margin-top: 25%;
	margin-left: -60%;
}

#generiques:hover {
  transform: scale(1.3);
  transition: all 0,8s;
  transform-origin: 50% 50%;
}

.commdigit {
	display: inline-block;
	position: absolute;
	overflow: auto;
	height: 40%;
	width: 29%;
	box-sizing: content-box;
	margin-top: 58%;
	margin-left: -60%;
}


.contact {
	display: inline-block;
	position: absolute;
	overflow: auto;
	height: 40%;
	width: 18%;
	box-sizing: content-box;
	margin-top: 25%;
	margin-left: 17%;
}

#contact:hover {
  transform: scale(1.2);
  transition: all 0,8s;
  transform-origin: 50% 50%;
}

.dessin {
	box-sizing: content-box;
	position: absolute;
	max-height: 50%;
	max-width: 80%;
	margin-top: 9%;
	margin-left: 10%;
	margin-right: 0%;
}