/* CSS Document *//* Copyright Marc-Andre Marchand - 2004 - *//* ---------------------------------------------------------------------------------- *//* Liens  */a:link { color: #243039; text-decoration: none; font-weight: bold; }a:visited { color: #243039; text-decoration: none; font-weight: bold; }a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; }a:active { color: #E0E0E0; }a.menubas:hover { color: #616161; font-weight: bold; text-decoration: underline; }/* Liens  *//* ---------------------------------------------------------------------------------- *//* Police de caractere */body, #tPortfolio, #tPrenom, #tNom, #bAccueilBas, h1.titrePage, .TexteContenu, .TextePlanSite, h2.stitreReal, .tContRealisations, h1.titreNouveaute, #tNouveaute, #copyright, #validator {	font-family: Arial, verdana, sans-serif;}span.italique {	font-style:italic;}/* Police de caractere  *//* ---------------------------------------------------------------------------------- *//* Elements du body et conteneur */body, #conteneur1, #conteneur2 {	background-position: top;	margin: 0 auto;	text-align: center;}body {	border: none;	background-color: #E0E0E0;	color: #E8E8E8;	font-size: 10px;}#conteneur1 {	background-image: url(../images/bg_repeat.jpg);	background-repeat: repeat-y;	position: relative;	height: auto;	left: 0px;	top: 0px;	width: 760px;}#conteneur2 {
	position: relative;	background-image: url(../images/bg_entete.jpg);	background-repeat: no-repeat;	height: 100%;	left: 0px;	top: 0px;	width: 760px;}/* Elements du body et conteneur*//* ---------------------------------------------------------------------------------- *//* En-tete */#tPortfolio, #tPrenom, #tNom {	position: absolute;	color: #D8D8D8;}#tPortfolio {	left: 600px;	top: 80px;	font-size: 16px;	font-weight: bold;	letter-spacing: 5px;}#tPrenom {	left: 150px;	top: 55px;	font-size: 20px;}#tNom {	left: 150px;	top: 70px;	font-size: 24px;	font-weight: bold;}/* En tete *//* ---------------------------------------------------------------------------------- *//* Boutons du menu haut */#menu a {	font-size: 12px;	height: 20px;	width: 99px;	background: #A9A9A9;	padding: 10px 0 0 0;	display: block;	text-align: center;	text-decoration: none;}#menu a:hover {	background: #000000;}#bNews, #bAccueil, #bRealisations, #bCompetences, #bInterets, #bContact {	position: absolute;	top: 101px;	height: 20px;	width: 99px;	padding: 0 0 0 0;}#bAccueil {	left: 40px;}#bNews {	left: 143px;}#bRealisations {	left: 246px;}#bCompetences {	left: 349px;}#bInterets {	left: 452px;}#bContact {	left: 555px;}img {	border: none;}#plansite {	position: absolute;	top: 120px;	left: 645px;	font-size: 14px;}/* Boutons du menu haut *//* ---------------------------------------------------------------------------------- *//* Boutons du menu bas */#bAccueilBas {		background-image: url(../images/bg_menu_bas.jpg);	background-repeat: no-repeat;	height: 33px;	width: 597px;	clear: both;	margin: 0 auto;	padding-top: 10px;	font-size: 10px;	color: #000000;	font-weight: bolder;	text-align: center;}/* Boutons du menu bas *//* ---------------------------------------------------------------------------------- *//* Contenu */#contenuGauche{	float: left;	width: 340px;	height: auto;	padding: 0 0 0 0;	margin: 180px 0 0 0;}#contenuDroite{	float: right;	width: 270px;	height: auto;	padding: 0 0 0 0;	margin: 180px 0 0 0;}#contenu1 {	margin: 0 auto;	height: 100%;	width: 650px;	text-align: left;}h1.titrePage {	font-size: 16px;	font-weight: bold;	font-variant: small-caps;	color: #243039;	height: auto;	width: auto;	margin: 0 0 0 0;	text-align: left;}.TexteContenu {	font-size: 12px;	color: #E8E8E8;	text-align: left;	width: 325px;	height: auto;	padding-top: 15px;}.TextePlanSite {	font-size: 12px;	color: #E8E8E8;	text-align: left;	width: 600px;}/* Contenu *//* ---------------------------------------------------------------------------------- *//* Page contact */#icontactd {	float: right;	height: 381px;	width: 150px;	padding-right: 50px;}.formContact {	float: left;	height: auto;	width: 350px;}/* Page contact *//* ---------------------------------------------------------------------------------- *//* Realisations */h2.stitreReal {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	color: #243039;	text-align: left;}.tContRealisations {	font-size: 12px;	color: #E8E8E8;	text-align: left;	width: 350px;}.attention {	float: left;	width: 20px;	height: 20px;}/* Realisations *//* ---------------------------------------------------------------------------------- *//* Section nouveaute */#nouveauteBG {	background-image: url(../images/bg_nouveaute.gif);	background-repeat: repeat-y;	text-align: left;	height: auto;	margin: 0 auto;	padding: 0 0 0 5px;	width: 270px;	float: right;}h1.titreNouveaute {	font-size: 14px;	font-weight: bold;	font-variant: small-caps;	color: #243039;	height: auto;	width: auto;	margin: 10px 0 0 10px;	padding: 0 0 0 0;}#tNouveaute {	font-size: 12px;	color: #E8E8E8;	height: auto;	width: 200px;	margin: 10px 0 0 10px;	padding: 0 0 0 0;}#nouveauteLIENS {	background-image: url(../images/bg_nouveaute.gif);	background-repeat: repeat-y;	text-align: left;	height: auto;	margin: 25px 0 0 0;	padding: 0 0 0 5px;	width: 270px;	float: right;}#nouveauteLIENSp {	background-image: url(../images/bg_nouveaute.gif);	background-repeat: repeat-y;	text-align: left;	height: auto;	margin: 25px 0 0 0;	padding: 0 0 0 5px;	width: 270px;	float: right;}/* Section nouveaute *//* ---------------------------------------------------------------------------------- *//* Page Video et images a droites */.imageVideo {	width: 150px;	height: 113px;	float: right;	border: 1px solid #3F5664;}.plugQuicktime {	font-family: Arial, verdana, sans-serif;	font-size: 12px;	color: #E8E8E8;}/* Page Video et images a droites *//* ---------------------------------------------------------------------------------- *//* Bas de page */#copyright {	font-size: 11px;	color: #E8E8E8;	text-align: center;	clear: both;}#validator {	font-size: 10px;	color: #E8E8E8;	margin-top: 5px;	padding: 0 0 0 0;	text-align: center;	clear: both;}