#contenu

   {
     position: absolute;
     width: 980px;        /* selon la largeur voulue */
     margin-left: -490px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 600px;       /* selon la quantite de texte */
     margin-top: -300px;   /* moitie de height */
     top: 50%;            /* constant, toujours 50% */
     background-color: #535353;
   }
   
   h1 {
	font-family: trebuchet MS;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

.title {
	font-family: trebuchet MS;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
}

.texte {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: justify;
}

.textedescription {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.menu {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #a0a0a0;
	font-weight: bold;
	text-decoration: none;
}

.submenu {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #a0a0a0;
	text-decoration: none;
}

.subarrow {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #c9c9c9;
	font-weight: bold;
	text-decoration: none;
}

.subarrowhite {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menucont {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #c9c9c9;
	font-weight: bold;
	text-decoration: none;
}

.infotitles {
	font-family: trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.infodetails {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #a0a0a0;
	text-decoration: none;
}

.direction {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #535353;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

.directionroll {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #3e3e3e;
	font-weight: bold;
	text-decoration: none;
}

.contact {
	font-family: trebuchet MS;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

a.menu:link {color: #a0a0a0; font-size:12px; font-weight: bold; text-decoration: none; }
a.menu:visited {color: #a0a0a0; text-decoration: none; }
a.menu:hover {color: #c9c9c9; text-decoration: none; }
a.menu:active {color: #a0a0a0; font-size:12px; font-weight: bold;}

a.submenu:link {color: #a0a0a0; font-size:12px; text-decoration: none; }
a.submenu:visited {color: #a0a0a0; text-decoration: none; }
a.submenu:hover {color: #c9c9c9; font-weight: bold; text-decoration: none; }
a.submenu:active {color: #a0a0a0; font-size:12px; }


a.textecontact:link {color: #ffffff; font-weight: bold; font-size:12px; text-decoration: none; }
a.textecontact:visited {color: #ffffff; font-weight: bold; text-decoration: none; }
a.textecontact:hover {color: #a0a0a0; font-weight: bold; text-decoration: none; }
a.textecontact:active {color: #ffffff; font-weight: bold; font-size:12px; }

a.infodetails:link {color: #a0a0a0; font-size:12px; text-decoration: none; }
a.infodetails:visited {color: #a0a0a0; text-decoration: none; }
a.infodetails:hover {color: #2e2e30; text-decoration: none; }
a.infodetails:active {color: #a0a0a0; font-size:12px; }

a.savoirplus:link {color: #a0a0a0; font-size:12px; text-decoration: none; }
a.savoirplus:visited {color: #a0a0a0; text-decoration: none; }
a.savoirplus:hover {color: #ffffff; font-weight: bold; text-decoration: none; }
a.savoirplus:active {color: #a0a0a0; font-size:12px; }

a.savoirplusweb:link {color: #97bf0d; font-size:12px; text-decoration: none; }
a.savoirplusweb:visited {color: #97bf0d; text-decoration: none; }
a.savoirplusweb:hover {color: #ffffff; text-decoration: none; }
a.savoirplusweb:active {color: #97bf0d; font-size:12px; }

a.savoirplusprint:link {color: #69a8d2; font-size:12px; text-decoration: none; }
a.savoirplusprint:visited {color: #69a8d2; text-decoration: none; }
a.savoirplusprint:hover {color: #ffffff; text-decoration: none; }
a.savoirplusprint:active {color: #69a8d2; font-size:12px; }

a.savoirplusillus:link {color: #b898c7; font-size:12px; text-decoration: none; }
a.savoirplusillus:visited {color: #b898c7; text-decoration: none; }
a.savoirplusillus:hover {color: #ffffff; text-decoration: none; }
a.savoirplusillus:active {color: #b898c7; font-size:12px; }

a.savoirpluslogo:link {color: #dea640; font-size:12px; text-decoration: none; }
a.savoirpluslogo:visited {color: #dea640; text-decoration: none; }
a.savoirpluslogo:hover {color: #ffffff; text-decoration: none; }
a.savoirpluslogo:active {color: #dea640; font-size:12px; }

a.savoirplusflash:link {color: #e06472; font-size:12px; text-decoration: none; }
a.savoirplusflash:visited {color: #e06472; text-decoration: none; }
a.savoirplusflash:hover {color: #ffffff; text-decoration: none; }
a.savoirplusflash:active {color: #e06472; font-size:12px; }

a.savoirplusinclas:link {color: #a0a0a0; font-size:12px; text-decoration: none; }
a.savoirplusinclas:visited {color: #a0a0a0; text-decoration: none; }
a.savoirplusinclas:hover {color: #ffffff; text-decoration: none; }
a.savoirplusinclas:active {color: #a0a0a0; font-size:12px; }

a.webprocess:link {color: #ffffff; font-weight: bold; font-size:12px; text-decoration: none; }
a.webprocess:visited {color: #ffffff; font-weight: bold; text-decoration: none; }
a.webprocess:hover {color: #a0a0a0; font-weight: bold; text-decoration: none; }
a.webprocess:active {color: #ffffff; font-weight: bold; font-size:12px; }

a.direction:link {color: #ffffff; font-size:12px; font-weight: bold; text-decoration: none; cursor: pointer;}
a.direction:visited {color: #ffffff; text-decoration: none; cursor: pointer;}
a.direction:hover {color: #a0a0a0; text-decoration: none; cursor: pointer;}
a.direction:active {color: #ffffff; font-size:12px; cursor: pointer;}

a.contact:link {color: #a0a0a0; font-size:12px; text-decoration: none; }
a.contact:visited {color: #a0a0a0; text-decoration: none; }
a.contact:hover {color: #ffffff; text-decoration: none; }
a.contact:active {color: #a0a0a0; font-size:12px; }