@font-face {
    font-family: Futura;
    src: url(Futura.ttf);
}

h1 { 
	font-family: Futura;
	font-size: 50px;
	text-transform: uppercase;
}
i { 
	font-family: Futura;
}
h3 { 
	font-family: Futura;
	color: red; 
}
strong { 
	font-family: Futura;
}
body { 
	/*background-image:url(happiness.gif);*/
	background-color: #FDF100;
	height:99%;
}
a, a:hover {
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: color;
	-moz-transition-duration: 0.5s;
	-moz-transition-property: color;
	-ms-transition-duration: 0.5s;
	-ms-transition-property: color;
	-o-transition-duration: 0.5s;
	-o-transition-property: color;
	transition-duration: 0.5s;
	transition-property: color;
	text-decoration: none;
}

#center { 
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	transform: translate(-50%, -50%);
}
#center a {
	color: black;
}
#center a:hover {
	color: white;
}
#droite{
	float: right;
}
#gauche{
	float: left;
}
#pub { 
	text-align: center;
}

.green {
	color: green;
}
.yellow {
	color: #F6DC12;
}
.red{
	color: red;
}

.image {
    position: absolute;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }