.pageBody
	{
	margin-right: 10%;
	margin-bottom: 50px;
	margin-left: 10%;
	}

.tocLangues
	{
	float: right;
	display: block;
	text-align: right;
	line-height: 1.6em;
	margin-right: 0em;
	font-size: 80%;
	}

.tocMusic
	{
	float: right;
	display: block;
	text-align: center;
	margin-right: 0em;
	font-size: 80%;
	padding-bottom: 25px;
	}

.tocTitle
	{
	text-align: center;
	font-size: 220%;
	font-weight: bold;
	padding-bottom: 30px;
	}

.tocAuthor
	{
	text-align: center;
	margin-bottom: 5px;
	}
	
.reportBody
	{
	padding: 10px;
	border-top: 3px ridge #CCC;
	border-bottom: 3px ridge #CCC;
	}

.tocImage
	{
	margin: 6px;
	text-align: center
	}

.tocLinksTitle, .tocIntroTitle, .tocContactTitle
	{
	text-align: left;
	font-size: 150%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 6px;
	}

.tocTexte
	{
	text-align: justify;
	}
	
.tocLinks, .tocIntro, .sur, .tocContact, .tocTexte
	{
	padding: 12px;
	margin-bottom: 4px;
	border-style: solid;
	border-width: 2px;
	}
	
.tocContact
	{
	display: table;
	padding: 8px;
	width: 100%;
	}

.tocLinks div
	{
//	font-size: .95em;
	display: table;
	}

.tocIntro
	{
	padding: 8pt;
	font-size: 90%;
	}


.surRecord
	{
	margin: .2em;
	padding-top: .2em;
	border-top: dotted;
	border-width: 1px;
//	font-size: 1.15em;
	}
	
div.sur > div:first-child
	{
	border-top: none;
	padding-top: 0em;
	}

.surLetter
	{
	float: left;
	width: 1em;
	font-weight: bold;
	text-align: center;
	font-size: 90%;
	}

.surName
	{
	display: block;
	margin-left: 1.5em;
	font-size: 90%;
	}

.tocContactRecord
	{
	margin: .2em;
	}
	
.tocContactIcon, .tocContactLink
	{
	display: table-cell;
	font-size: 90%;
	vertical-align: middle;
	}

.tocContactIcon
	{
	padding-right: 1em;
	text-align: left;
	width: 25px;
	}

.footer
	{
	padding: .4em;
	text-align: center;
	font-size: 75%;
	}
	
.compteur 
	{
	padding: 3px; 
	color: #EEE; 
	background: #222; 
	text-align: center; 
	}