html {
    height: 100%;
    overflow: hidden;  
}
body {
    background-color: Black;
    background: url(web_images/background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}
div#outer {
    display: table;
    height: 100%;
    width: 100%;
}
div#container {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
div#centre {
    font-size: 24px;
    display: table;
    height: 80%;
    width: 80%;
    margin:0 auto;	/*centré*/
    background-color: White;
    text-align: left;
    color: black;
}
span icon {
    margin-right: 30px;  /* Ajuste l'espacement entre l'icône et le texte du lien */
    margin-left: 30px;  /* Ajuste l'espacement entre l'icône et le texte du lien */
    color: red;
}
h1
{
  font-size: 50px;
  text-shadow: -1px -1px InfoBackground, 1px 1px ActiveBorder, -3px 0 4px #000;
  font-family:Arial, Helvetica, sans-serif;
  color: #409070;
  /*padding:16px;*/
  font-weight:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:block;
  /*margin:16px;*/
  background-image:url(web_images/background.jpg);  
}
#paragraph {
	/*padding: 20px 0 30px 40px;*/
	margin: 0 auto;
	text-align: left;
	/*width: 560px;*/
	color: #146b9d;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
ul li {
	list-style-type: none; /*Masque les points des listes*/
	padding: 20px 0 30px 40px;
	margin: 0 auto;
	text-align: left;
	width: 560px;
	/*color: rgb(125, 125, 255);*/
	color: rgba(125, 125, 255, 0.7);
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}