html {
	font-size:100%;
}

body {
	font-family:Arial;
	font-size:0.9em;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
}

h1 {
	font-size:1.5em;
	text-align: center;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.2em;
	color: #49499E;
	padding: 0 0 0 20px;
}

h4 {
	font-size: 1em;
	margin: 10px 0 10px 15px;
	padding: 0 0 0 20px;
}

a:hover {
	background-color: #D8CCE8
}

table {
	padding: 0 0 30px 0;
	border-left: 1px dashed;
	margin: 15px 0 0 0;
	width: 100%;	
}

table:hover {
	background-color: #D8CCE8;
}

td {
	padding: 0;
	margin: 0;	
}

th {
	padding: 0 0 10px 0;
	margin: 0;	
}

ol {
	padding: 0 0 0 50px;
	margin: 0;
	list-style-type: lower-roman;
}

ol li {
	font-size: 0.8em;
}

ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#content {
	margin: 5px 25px 10px 10px;
}

#content h2 {
	background-image: url(img/fond-h2.png)
}

#header {
	text-align: left;
	padding: 0 0 25px 30px;
}

#header table {
	padding: 0;
}
#header h2 {
	font-size: 1.2em;
}

#header p {
	padding: 0 0 0 25px;
}

#header td {
	padding: 0 0 0 35px;
	margin: 0;
	width: 50%;
}

#professional {
	text-align: left;
	padding: 0 0 25px 30px;
}

#professional h2 {
	font-size: 1.2em;
}

#professional table tr th {
	text-align: center;
}

#professional table tr th.info {
	width: 40%;
}

#professional table tr th.details {
	width: 60%;
}

#professional table tr td ol {
	list-style-type: lower-roman;
}

#professional table tr td.info {
	width: 40%;
}

#professional table tr td.details {
	width: 60%;
}

#professional table tr td.info ol li {
	font-weight: bold;
}

.important {
	font-weight: bold;
}

#training {
	text-align: left;
	padding: 0 0 25px 30px;
}

#training h2 {
	font-size: 1.2em;
}

#training table tr td.year {
	width: 40%;
	padding: 0 0 0 50px;
}

#training table{
	padding: 0;
}

#training table tr td.diploma {
	width: 60%;
	padding: 5px 50px 5px 0;
}

#training ol li.label {
	font-weight: bold;
}

#training ol li.comment {
	font-style: italic;
}

#training ol li.speciality {
	color: #49499E;;
}

#languages {
	text-align: left;
	padding: 0 0 25px 30px;
}

#languages h2 {
	font-size: 1.2em;
}

#languages table tr td.language {
	width: 40%;
	padding: 0 0 0 50px;
}

#languages table{
	padding: 0;
}

#languages table tr td.level {
	width: 60%;
	padding: 5px 0 5px 50px;
	font-style: italic;
}

#others {
	text-align: left;
	padding: 0 0 25px 30px;
}

#others h2 {
	font-size: 1.2em;
}

#others table tr td.itemOthers {
	width: 40%;
	padding: 0 0 0 50px;
}

#others table{
	padding: 0;
}

#others table tr td.descriptionOthers {
	width: 60%;
	padding: 5px 0 5px 50px;
	font-style: italic;
}

div#updateDate {
	line-height: 12px;
	font-size: 0.8em ;
	text-align: center ;
	color: #CC0000;
}

/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
/* Une bordure autour de l'ensemble de la page, et couleur blanche pour le fond de celle-ci */
div#conteneur {
	width: 770px ;
	margin: 0 auto ;
	padding-left: 10px ;
	text-align: left ;
	border: 2px solid #CC3300;
	background: #FFFFFF ;
	/*background: #F5F5C0;*/
}

/* Définit la couleur du texte dans la div maj */
div#maj {
	float: left;
	line-height: 12px;
	font-size: 0.8em ;
	text-align: left ;
	color: #CC0000;
}

.access span {
	display:none;
}

.code {
  background-color: #D8CCE8;
  font-family: courrier;
  font-size: 0.8em;
}