html {  
	margin:0; 
	padding:0; 
	background: url(../image/BG_JV.jpg) no-repeat center center fixed;  
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
} 

html, body, #wrapper {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
#wrapper td {
	vertical-align: middle;
	text-align: center;
}

#credit {
	position: fixed;
	bottom: 8px;
	right: 8px;
	float: right;
	font-size: 10px; /*font-family: Verdana;*/
	background-color: #eeeeee; /* border: 10px solid #012702; */
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-wrap: avoid;
	padding: 5px;
}

#links {
	width: 100%;
	position: fixed;
	top: 5px;
	float: center;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-wrap: avoid;
	padding: 0px;
}

.responsive {
  width: 40%;
  height: auto;
  min-width: 300px;
  max-width: 800px;
  mix-blend-mode: lighten;
  animation: rotation 100s infinite linear;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-369deg);
  }
}

.titre {
  width: 70%;
  max-width: 900px;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}