body {
	background: rgb(200, 169, 122) url(../images/fond4.jpg) no-repeat fixed center top;
	-moz-background-clip: -moz-initial;
	-webkit-background-clip: -moz-initial;
	background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-webkit-background-origin: -moz-initial;
	background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	background-size: cover;
}

	body.nobackground {
		background-image: none;
	}

/* Nécssaire pour IE9- pour éviter d'avoir une bordure qui apparait autour des éléments */
img {
	border: 0;
}

/* Ces elements sont specifiques pour la synthese vocale et ne doivent donc pas etre montres */
.aural-show {
	display: none;
}

.wrapper {
	width: 800px;
	margin: 25px auto 25px auto;
}

.title {
	border: 1px solid black;
	background-color: rgb(143, 106, 67);
	padding: 15px 0 15px 0;
	text-align: center;
}

.menu {
	margin-top: 70px;
}

	.menu ul {
		padding-left: 0;
		width: 100%;
		text-align: center;
	}

		.menu ul li {
			list-style: none;
			margin: 0 40px 0 40px;
			display: inline-block;
			text-align: center;
		}

			.menu ul li a {
				background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAiCAYAAADWMm7UAAAFEklEQVR4Xu2az28bRRTHv7O7dkxKqvQHERXlknCDA+IQKeoBVdy4cGslVCQkDiBA9A+ocuBYDhyAf6Cce+QGPVGJAwgqUISKStICNW5InLTExN6dmQfvyU/ydHapCeBQul/pabwj79r+zLzvzD6vISJMXrUS7ItqZahSv0O/ttews7WO3e0NIAUSY2BMgli1iDw8EcgDrZlZzMw+goNHjwOH5g1KVGo1Nz67SDevfoEkSZCmKYe8NsZIxKpFRBLeezjnJKxzeHT+KTzx7EvmnjP+84vvUK/7M7IsQ5IwaGjwcSX4GrwEAAPvpQcgj5vffYVu+zotnjprkB4sB7/yyQXa7twQ6OS9BIhgIDbDUQG+FgHwwgocOhLC8PZmB19+9CE988KbJgK//cM3tPb1ZWRDW+GUURtSi9EoVS1lE1gOtxzta1cwd+USHX/6OROA76x9C2cLGBDkfJBYC1EmCweQSB8rgl/7uzBTbkQM3UpYy1HI6432Kv4AjwB8t/MjnLWaHvLaOxekjS6w5arlvRfQRZ5j0O+jKBi44z5pN9rXY4/vrv+EosjhnOxkBLD3TmY9QDxi3Bes3uWqZ/9gMEC/v4s8z5WVxJ3uegx+MNjlkZJZbYderhnALffrRdS/YtVqNBoCvN/vKyNlBsryGHxRuKEvqYdDjgGG7bgvSBuVLQrcrTTL8D+TTL5RZY1G8PunDxzgycnMxGLyfKAbFA2YogS8s4VcXHcuNPR1y74OcF+wUrO0rfqS+1wH2ttGoPp7B2x8mPHsFmLRRMSMmIG0ei0Bb20JeCdvDL4oDRdUjID/F3+06r88WCFIY4KFVft5xrMzaJ/2O+9D8CrdDql0awTIh/BCG3zwGJJzVN7TWO/3nu6XEkHAjlkRiTUru/AclIDXu1QAgdVA78a0H0BeWIwr58aGqO+/LzPF6GB4H3AL5CkGD9IZz4pvCACjIzs5MHHWhNnz96/5j2WXciHCSI0rHpwYvAHC38fHQYj6uZtEGu81a/5yJjabTWlT4xEpnZLG5v2g27r4vXnh0GqmoFFed4NPAvDaGXp46PmSAbXGWp+Em0ak2OOdi31JjrWdlCZqZbIDkRZl+m0vteFKj6cIvJ4EQixSn5et5fg+HHvyBBTtoiYrGnWIoLorAsXgLYP1Ptou6u0ui+v01aplrQ328BwKnsM7H4P31gLOReBH/xCR15RVL1b7L/0e91o4qxbSaDGNFtRqSUXSBnesoXU6FBF4OSHzTkcqqELyiWmaSgGo9fBhlKtWr7ejs11L6NIqPyJfBr4AhvVjDa0v6+jxRR6rBF+ru7mpZRaxZX1IQI8L14jBp60Z2N4t9SgNPpbQDNja6qJWZflAIbPNSatB5OGzQzH45vRh7NySf08UNteVNQL7qVVZuWTwAt1ZK63n8jFngTFozhyJwU8feRJ3Vi9DRsY7DThnuVXwFfBrKXT9t865RCJNE+YnXNOHjsXgT732unn/2iVCZ4XBlj1lEByXffADoHi3Es96fV8QbvoYTr+1vBCBZx868eI5fPzeqzCDAQwQPE+DYVA9s6v6lVf0bI1PWnj8xMuYnZ1dDcCrFhcXTe+Vd+nTC28j6V5F4qR+I+kCEIxJyuvx9WBoKC9tZaYvPH8Wp8+cMX/6CN/JkyfN0tISPjh/nm6vrqD3y/dwu204fVpKU85IU0udQVsDuOYcpo7OY2puHm8sLy/oTI8eWn1gVD8fX+t3CwPfqgIDjVUAAAAASUVORK5CYII=') /*../content/images/menu.png*/ no-repeat center;
				padding-top: 7px;
				width: 100px;
				height: 34px;
				display: block;
				color: white;
				text-decoration: none;
				font-size: larger;
			}

			.menu ul li :hover {
				background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAiCAYAAADWMm7UAAAEkklEQVR4Xu1aQYscRRT+vprZ3SCLG2HBQ0Q85OJBWIw3vXlTchAJ5O953ZvgHxDF3IyHIB4S8BAhh91FdzM7071T9clMdVdRdnceSw96sL/h8br6fRTNx5tX/d4MJeHfxwSH/wQT5hhCdXa6/PP8UV0tEXwACIAE0YcJAgAJkjBzDvt7B7hzeAS+fY/oQW+pOX/xVIvLCzgHOOdAMtkwJkhKFkJAkPDW4V0c3/+EZsa/fPaD1tX1RvBUichsGMj5CUrapGSWsLg8R/Xse9378AExO+wX/o/fnqi+voqiS9HihukzoPsEMWqV5d+aJFTXC7z89Re999Fn7Ah/9eq5FhdncDOCIiRBcaMkeHREFxNEpcRXI7hCLj3Xry9w9vxnHd//mIXwf52/guSh4BCaHUgAzkFQFhxCDCRMkLI60HatbY0PsdYHv10vFlc4/mfG19erLQlAOhwkZZJkHLATWt2891iv15vrZJJQV1W3xt9oQ/SQAkgHMm7U6uxcew8AlPybQHIMz+bacZMzDgSZvYRG+PVWeO99o1U0v+4RPjREkiACQMC5AEDbzUgCAiRlg8pnJwo4up3ybK4dtznDgFCceyQBIlUCgpCUM16hfM2k7xHex7okINVw5dIDAghtCYr3E4R+ENgpz+bacZtjgyhBMvU7G/gm6yXlxipmd4/wwefMluI9EvQe7DYIndqWfYZzbpc8m2vHDY5ZEtuLvsZpu69yA9XRKvjQFd6HjqjFYUpySPCCn7F7ns214zbHhqQOvxV7A+99Er6AlIU3v3D5fj5c8+umgfE8m2vHbc74bpXMLx2SejUVeoUPiUgwkwQwbw+wvU+Y4G55NteO25wRBV9tVrc2jHn/HspiQ1BclxzCwAjeWC5H7DEGBNSWaOAWwhMFyMZSzMIEalgv9Qnv4CASkoZq2a0PIkkjeBbXjtuc3YM0z45S+IAASqD1zSTT2gQ5gmdx7bjNGQ+lC2UvGf2C+VajZII6tcucVkpjeTbXjlucEaKrfNcQEoolW6eejJfg8igYyUlFc1I8rABRw3N6YXc8m2vHbY4NoRw1oBwD++A7zRNFgAOvk9qSN1Y+nTwBKS5nasRn+SCmSuN5NteO25zbFxml+VWA9wEh65jBqF9gX8YHgXkk0NeKFzYdrkVF6IyAc8fPZOgVfu3B4BHSED9vCClv0og+CZ+HX4qaRZ+HZnBRp7QO8l3hq7rGHRdSjUrm472mtk2/uxrj4lbk2WxWVAhBWIeejL+pa+zvC8H7plZtfDbpzT9+TGDTcHIrukKI3s2A2TaK2ldd4dd8B8J5Oij6xpvD49MJZBqytOP1ZBIBOCwrdIX//Kuv+eN332iOdXFo9OH29XFCjX18+uUjdoSfz+e4+8EDXL74CYCPAgPdg1TChOFumNEXXawww2L2Lo6OjvqHZCcnJ3yyXOr1708x57IRHXAkQnOwiogQbHAkz+bacZszHgQIRr8xx+RrHGB18D4ePnxI87+Tq9UK356ear66wt7cYz67QQhGwk8Jn7y4h7pyqLSHLx4/Zsr0jvD/F0z/j5/wN3Va9iJ3gx5UAAAAAElFTkSuQmCC') /*../content/images/menuHover.png*/ no-repeat center;
			}

.content {
	border: 1px solid black;
	background-color: rgb(143, 106, 67);
	margin-top: 75px;
	padding: 0 15px 0 15px;
	text-align: left;
	font: italic 15px Arial,Helvetica,sans-serif;
}

	.content.center {
		text-align: center;
	}

	.content.insert div.portrait {
		float: left;
		margin: 15px 15px 0 0;
	}

		.content.insert div.portrait img {
			width: 150px;
			height: 163px;
		}


	/* Style pour la page Livre */
	.content .livre-titre {
		margin-top: 15px;
		font-style: normal;
	}

		.content .livre-titre h1 {
			font-size: large;
		}

		.content .livre-titre span {
			padding: 4px 0 4px 0;
			background-color: rgb(102, 51, 0);
			color: white;
			display: block;
			width: 350px;
			margin: auto;
			text-align: center;
			border-radius: 10px;
		}

	.content .livre-page {
		display: inline-block;
		width: 49%;
	}

		.content .livre-page span {
			vertical-align: top;
			display: block;
			margin: 5px auto 5px auto;
		}

		.content .livre-page a {
			text-decoration: none;
		}

	.content .livre-mail {
		margin-bottom: 10px;
		height: 35px;
	}

		.content .livre-mail a {
			text-decoration: none;
			height: 100%;
			display: inline-block;
		}

		.content .livre-mail span {
			vertical-align: middle;
			height: 100%;
			display: inline-block;
			margin-right: 10px;
		}

	/* Style pour la page musique */

	.content .cd {
		width: 32%;
		display: inline-block;
		vertical-align: top;
	}

		.content .cd .cd-titre {
			font-style: normal;
			font-variant: small-caps;
			margin-top: 15px;
		}

			.content .cd .cd-titre h1 {
				font-size: medium;
			}

			.content .cd .cd-titre span {
				margin: 0 15px 0 15px;
				padding: 4px 0 4px 0;
				background-color: rgb(102, 51, 0);
				color: white;
				display: block;
				border-radius: 10px;
			}

		.content .cd .cd-photo a {
			text-decoration: none;
		}

		.content .cd .cd-photo span {
			margin: 5px auto 5px auto;
		}

		.content .cd .cd-mail {
		}

			.content .cd .cd-mail a {
				text-decoration: none;
			}

			.content .cd .cd-mail span {
				display: block;
				text-align: center;
				margin: 5px auto 5px auto;
			}

	/* Support des extraits mp3 */

	.content .audio-extrait .cd-cadre {
		border: 1px solid rgb(102, 51, 0);
		font-size: 12px;
		width: 220px;
		margin: 2px auto 4px auto;
		position: relative;
	}

		.content .audio-extrait .cd-cadre:hover {
			background-color: rgb(102, 51, 0);
			font-weight: bold;
			border-radius: 10px;
		}

		.content .audio-extrait .cd-cadre span {
			color: white;
			padding: 8px 0 8px 0;
			display: block;
		}

		.content .audio-extrait .cd-cadre a {
			position: absolute;
			right: 5px;
			top: 3px;
		}

		.content .audio-extrait .cd-cadre a:focus {
			outline: dotted;
		}

		.content .audio-extrait .cd-cadre .progress {
			width: 80%;
			margin: 5px auto 5px auto;
			height: 15px;
			position: relative;
		}

		.content .audio-extrait .cd-cadre .progresslabel {
			position: absolute;
			left: 45%;
			top: 2px;
			font-weight: normal;
			font-size: smaller;
			text-shadow: 1px 1px 0 #fff;
		}