html{
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: caviar-regular, Sans serif;
	position: fixed;
	overflow: hidden;
	text-align: center;
	animation: pulse 5s infinite;
	background:black;
}
body{
	margin: 0px;

		height:100%;
}

#logo{
	background: url('logo-cervi-white.png')center center;
    height:357;x;
	width:543px;
	margin-left: auto;
	margin-right:auto;
 margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%);
transition: opacity 3s ease-in-out;

}
#logo a{
	display:block;
	width:543px;
	height:357px;
	margin-left: auto;
	margin-right:auto;
transition: opacity 3s ease-in-out;
}
@keyframes pulse {
  0% {

  }
  50% {

background-color:#81e0ff;
/*
background-image:-moz-linear-gradient(left, white, black);
background-image:-webkit*/
opacity:1;
  }
  90%{
	  background-color:white;
	  opacity: 1;
  }
   100%{
	  background-color:black;
	  opacity: 1;
  }
}
.spot h1 a{
	color: /*#bcbcbc*/ white;
	font-size: 18px;
    display:block;
    padding: 6px 0;
    margin:0;
}
.spot{
    text-align:center;
    width: 300px;
    display:inline-block;
}
.spot h1{
    background-color: black;
}
.portrait{
    height:400px;
    background-color:grey;
    display:block;
}