﻿.zoom div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom div:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/* Morph */
.morph div img {
  width: 707px;
  height: 1024px;
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.morph div:hover img {
  width: 707px; /* on affiche l'image au carré */
  height: 1024px;
  border-radius: 50%;  /* on arrondit l'image */
  -webkit-transform: rotate(360deg); /* rotation de l'image */
  transform: rotate(360deg);
}

/* Halo lumineux */
.light div {
	
	position: relative;
}
.light div::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,150,100,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.light div:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.centrer {
    text-align: center;
}

.bouton a{
display:block;
width:300px;
line-height:40px;
text-align:center;
vertical-align:middle;
background:url(boutons/bt-pll.png) no-repeat;
font-size: 20px;
font-weight: bold;
color:black;
text-shadow: -1px 0 red;
text-decoration:none;
float:50px;
margin:1px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.bouton a:hover {
background:url(boutons/bt-pll2.png) no-repeat;

}

.boutonfb a{
display:block;
width:180px;
height:274px;
line-height:35px;
text-align:center;
vertical-align:middle;
background:url(boutons/FB.png) no-repeat;
font-size: 24px;
font-weight: bold;
color:yellow ;
text-shadow: -1px 0 red, 0 1px red,1px 0 red, 0 -1px red;
text-decoration:none;
float:50px;
margin:1px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.boutonfb a:hover {
background:url(boutons/FB2.png) no-repeat;

}