#contenu

   {
     position: absolute;
     width: 980px;        /* selon la largeur voulue */
     margin-left: -490px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 620px;       /* selon la quantite de texte */
     margin-top: -310px;   /* moitie de height */
     top: 50%;				/* constant, toujours 50% */
   }
   
.title {
	font-family: arial;
	font-weight: bold;
	font-size: 30px;
	color: #bebdbd;
	text-decoration: none;
}

.subtitle {
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	color: #515151;
	text-decoration: none;
}

.texte {
	font-family: arial;
	font-size: 14px;
	color: #515151;
	text-decoration: none;
}

.menu {
	font-family: arial;
	font-weight: bold;
	font-size: 30px;
	text-transform:uppercase;
	color: #ffffff;
	text-decoration: none;
}

.menu2 {
	font-family: arial;
	font-weight: bold;
	font-size: 30px;
	text-transform:uppercase;
	color: #515151;
	text-decoration: none;
}

.submenu {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

.submenu2 {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #515151;
	text-decoration: none;
}

.submenuon {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #b2b1b1;
	text-decoration: none;
}

.page {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #515151;
	text-decoration: none;
}

.ref {
	font-family: arial;
	font-size: 10px;
	color: #a8a7a7;
	text-decoration: none;
	text-align:right;
}

a.menu:link {color: #ffffff; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu:visited {color: #ffffff; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu:hover {color: #ffffff; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu:active {color: #ffffff; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }

a.submenu:link {color: #ffffff; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu:visited {color: #ffffff; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu:hover {color: #dadada; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu:active {color: #ffffff; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }

a.menu2:link {color: #515151; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu2:visited {color: #515151; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu2:hover {color: #6c6c6c; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.menu2:active {color: #515151; font-size:30px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }

a.submenu2:link {color: #515151; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu2:visited {color: #515151; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu2:hover {color: #6c6c6c; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }
a.submenu2:active {color: #515151; font-size:12px ; text-decoration: none; text-transform:uppercase; font-weight:bold; }

a.ref:link {color: #a8a7a7; font-size:10px ; text-decoration: none; }
a.ref:visited {color: #a8a7a7; text-decoration: none; }
a.ref:hover {color: #ffffff; text-decoration: none; }
a.ref:active {color: #a8a7a7; font-size:10px ; }