body {
	background-image: url("http://redilecfpu.cluster011.ovh.net/wp-content/uploads/2015/05/fond-ecran-redilec-v2.jpg"); 
	background-position: center top; 
	background-size: auto; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
}
h1 {
	margin-top: 40px;
	text-align: center;
	font-family: Ubuntu, Verdana, Calibri, Arial;
	color: #4D5151;
}
.bienvenue {
	letter-spacing: 1em;
    opacity:0;
    -moz-animation: anim 2s linear forwards 1s;
    -webkit-animation: anim 2s linear forwards 1s;
    -o-animation: anim 2s linear forwards 1s;
    -ms-animation: anim 2s linear forwards 1s;
    animation: anim 2s linear forwards 1s;
}
.italique {
	font-style: italic;
	font-weight: normal;
	opacity:0;
    -moz-animation: anim 2s linear forwards 1s;
    -webkit-animation: anim 2s linear forwards 1s;
    -o-animation: anim 2s linear forwards 1s;
    -ms-animation: anim 2s linear forwards 1s;
    animation: anim 2s linear forwards 1s;
}
.logo {
    width: 800px; /* On a indiqué une largeur (obligatoire) */
    margin: auto; /* On peut donc demander à ce que le bloc soit centré avec auto */
    margin-top: 100px;
	text-align: center;
}
img {
	margin-bottom: 50px;
	margin-left: 20px;
	margin-right: 20px;
	opacity:0;
    -moz-animation: anim 2s linear forwards 2s;
    -webkit-animation: anim 2s linear forwards 2s;
    -o-animation: anim 2s linear forwards 2s;
    -ms-animation: anim 2s linear forwards 2s;
    animation: anim 2s linear forwards 2s;
}

@-moz-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@keyframes anim {
   0%  {opacity:0;}
   100% {opacity:1;}
}