body {
	background-image:url('images/bg2.jpg');
	color:#7C9D97;
}

.centrage { /* style de centrage horizontal pour tous les navigateurs récents */
	text-align: center ; /* centre texte (+ boite ou table sous IE seul) */
	margin: auto; /* centre boite ou table, sauf sous IE */
} 

.boite { /* boite quelconque pour exemple de centrage */
	border-style: ridge ; /* style de la bordure */
	color: #486560;
	width: 600px;
	height: 800px;
	text-align: justify; /* On met en double-justifié le texte de la boite, qui est sinon centré par ".centrage". */
} 

/* bloc header */
#header {
	position: relative;
	width: 600px;
	height: 105px;
	background-image: url('images/header.jpg');
}
	
/* blocs menu */
div.menu {
	position: relative;
	width: 600px;
	height: 57px;
	margin: 0px;
	padding: 0px;
}

div.menu01 {
	float: left;
	width: 82px;
	height: 57px;
	background-image: url('images/menu01.jpg');
	padding: 0px;
	margin: 0px;
}

div.menu02 {
	float: inherit;
	width: 62px;
	height: 57px;
	background-image: url('images/menu02.jpg');
}

/* span accueil */
span.menu02 {
	position: relative;
	bottom: -24px;
	left: 5px;
}

div.menu03 {
	width: 24px;
	height: 57px;
	background-image: url('images/menu03.jpg');
}

div.menu04 {
	width: 119px;
	height: 57px;
	background-image: url('images/menu04.jpg');
}

/* span curriculum vitae */
span.menu04 {
	position: relative;
	bottom: -24px;
	left: 22px;
}

div.menu05 {
	width: 26px;
	height: 57px;
	background-image: url('images/menu05.jpg');
}

div.menu06 {
	width: 118px;
	height: 57px;
	background-image: url('images/menu06.jpg');
}

/* span espace perso */
span.menu06 {
	position: relative;
	bottom: -24px;
	left: 12px;
}

div.menu07 {
	width: 26px;
	height: 57px;
	background-image: url('images/menu07.jpg');
}

div.menu08 {
	width: 65px;
	height: 57px;
	background-image: url('images/menu08.jpg');
}

/* span liens */
span.menu08 {
	position: relative;
	bottom: -24px;
	left: 14px;
}

div.menu09 {
	width: 78px;
	height: 57px;
	background-image: url('images/menu09.jpg');
}

/* style pour menu */
a.menu {
	font-size: 12px;
	font-weight: 900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #486560;
	text-decoration: none;
}

/* pour changer couleur quand souris dessus */
a.menu:hover {
	font-size: 13px;
	font-weight: 900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7C9D97;
	text-decoration: none;
}

/* bloc position */	
div.position {
	position: relative;
	width: 600px;
	height: 56px;
	background-image: url('images/position.jpg');
}

span.position {
	position: relative;
	font-size: 11px;
	font-weight: 900;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	bottom: -28px;
	color: #486560;
}

/* différents spans pour chaque sous-ensemble de pages */
span.leftaccueil {
	left: 108px;
}

span.leftcv {
	left: 77px;
}

span.leftmail {
	left: 82px;
}

span.leftep {
	left: 87px;
}

span.leftliens {
	left: 112px;
}

/* pour positionner le span du lien vers le CV en doc */
#doc {
	position: relative;
	bottom: -8px;
	left: 208px;
}
	
/* bloc données */
#block {
	position: relative;
	width: 600px;
	height: 547px;
	background-image: url('images/block.jpg');
	text-align: center;
}	

/* style texte accueil */
td.accueil {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	text-align: left;
}

/* style pour sous-menu du CV */
td.section_cv {
	font-family: Times New Roman, Times, serif;
	color: #486560;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

/* style pour partie gauche du tableau */
td.left_cv {
	font-family: Times New Roman, Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

/* style pour partie droite du tableau */
td.right_cv { 
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	text-align: left;
}

/* style pour partie centres d'intérêt du CV */
td.bas_cv { 
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	text-align: left;
}

.ep1 {
	font-family: Times New Roman, Times, serif;
	font-size: 14px;
	text-align: center;
}

/* styles pour changement de page */
td.change {
	text-align: center;
	font-weight: 900;
}

a.change {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
	text-decoration: none;
}

/* pour faire changer la couleur quand la souris est sur le lien */
a.change:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	text-decoration: underline;
}

/* bloc bas de page */	
#bottom {
	position: relative;
	width: 600px;
	height: 35px;
	background-image: url('images/bottom.jpg');
}

/* div pour les images de validators */
#ievalidator {
	position: relative;
	top: 10px;
	height: 33px;
	width: 500px;
}