html, body {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

body {
	background: rgba(200,200,200,1);
}

div.corps {
	font-family: courier;
	width: 99%;
	margin: auto;
	margin-top: 45px;
	font-size:0.8em;
	padding-bottom: 20px;
}

div.corps h1 {
	text-align: center;
}

div.corps table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
}

div.corps table td, div.corps table th {
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}

div.corps table tr {
	height: 30px;
}

a {
	color: blue;
	font-weight: bold;
}

#fenetre {
	width: 50%;
	position: fixed;
	left: 25%;
	top: 200px;
	border: 1px solid black;
	background: rgba(200,200,200,0.95);
}

input.connexion {
	display: block;
	border: 2px solid black;
	border-radius: 25px;
	text-align: center;
	font-weight: bold;
	height: 50px;
	width: 80%;
	font-size: 20px;
	outline: 0;
	background: white;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px black, inset 0px 0px 3px black;
}

#logo {
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
 
#logo.rotate{
  -webkit-transform:rotate(360deg); 
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg); 
  -ms-transform:rotate(360deg); 
  transform:rotate(360deg);
}

.modif {
	background: rgba(230,230,230,0.7);
}