* { /* Voir ici : http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}

#menu {
	position: absolute; 
	top: 41px; 
	left: 32px; 
	width: 90px; 
	height: 65px;
}

#menu a {
	font-family: Times;
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #666;
}

#menu a:hover {
	color: #ccc;
}

#menu a.currentPage {
	font-weight: bold; 
	color: #222;
}

#menu a.currentPage:hover {
	color: #ccc;
}

a.carreHomeLink {
	position: absolute; 
	display: block; 
	width: 277px; 
	height: 164px;
}




.itemMosa {
	display:block;
	width:276px;
	height:184px;
	float: left;
}
.itemMosaImg {
	display:block;
	width:276px;
	height:184px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out;ut; 
	opacity:1;
}
.itemMosaImg:hover {
	opacity:0;
}


.gifanime {
	display:block;
	width: 831px;
	height: 554px;
}

.gifanime img {
	display:block;
	width: 831px;
	height: 554px;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: gifanime;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-duration: 0.5s;
	-moz-animation-name: gifanime;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	animation-duration: 0.5s;
	animation-name: gifanime;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-webkit-keyframes gifanime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes gifanime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes gifanime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}