body, td.body {
	font-family:			"Trebuchet MS", "Arial CE", Arial, "Verdana CE", Verdana, "Tahoma CE",
								Tahoma, "Helvetica CE", Helvetica, "Nimbus Sans L", sans-serif;
	text-align:				justify;
	color:					black;
	background-color:		white;
	margin:					0 0;
	padding:				0 0;
	position:				relative;
	-webkit-hyphens:		auto;
	-moz-hyphens:			auto;
	-ms-hyphens:			auto;
	-o-hyphens:				auto;
	hyphens:				auto;
}

a:link {
	color:					blue;
	text-decoration:		none;
}
a:visited {
	color:					#a0c;
	text-decoration:		none;
}
a:active, a:hover {
	color:					red;
	text-decoration:		none;
}

/* Génériques */
.c {
	text-align:				center	!important;
	text-indent:			0		!important;
}
.co { /* Centrage d'objet bloc */
	margin:					auto;
}
.b {font-weight:			bold	!important}
.i {font-style:				italic	!important}
.u {text-decoration:		underline !important}

.mt0 {margin-top:			0		!important}
.mb0 {margin-bottom:		0		!important}
.mt4 {margin-top:			4px		!important}
.mb4 {margin-bottom:		4px		!important}
.m16 {
	margin-top:				16px	!important;
	margin-bottom:			16px	!important;
}
.m40 {
	margin-top:				40px	!important;
	margin-bottom:			40px	!important;
}

.ml0 {margin-left:			0		!important}

.s180 {font-size:			180%	!important}
.s150 {font-size:			150%	!important}
.s130 {font-size:			130%	!important}
.s120 {font-size:			120%	!important}
.s110 {font-size:			110%	!important}
.sm90 {font-size:			90%		!important}
.sm80 {font-size:			80%		!important}
.sm75 {font-size:			75%		!important}
.sm70 {font-size:			70%		!important}
.sm60 {font-size:			60%		!important}
.sm50 {font-size:			50%		!important}
.ti0  {text-indent:			0		!important}
.ti25 {text-indent:			0.25in	!important}
.indt {margin-left:			0.25in	!important}

.cb   {clear:				both	!important}
.cl   {clear:				left	!important}
.cr   {clear:				right	!important}

.fl   {float:				left}
.fr   {float:				right}

.indtext {
	margin-left:			0.25in;
	font-size:				90%;
	margin-top:				4px;
	margin-bottom:			4px;
}

q {
	quotes:					"\00AB\00A0" "\00A0\00BB" "\201C" "\201D";
}

i > i, .i > i {
	font-style:				normal;
}

img {
	max-width:				90vw;
	border:					0;
}
img.ico {
	width:					32px;
	height:					32px;
}

/* Lettrine */
.ltr {
	text-indent:		0 !important;
}

.ltr:first-letter {
	float:				left;
	font-size:			360%;
	line-height:		0.8em;
	padding-right:		0.1em;
	font-weight:		bold;
}
/* */

.tmirh {
	display:				inline-block;
	-webkit-transform:		scaleX(-1);
	-moz-transform:			scaleX(-1);
	-o-transform:			scaleX(-1);
	transform:				scaleX(-1);
}

.tmirv {					/* annonce du 21/03/2014 */
	display:				inline-block;
	-webkit-transform:		scaleY(-1);
	-moz-transform:			scaleY(-1);
	-o-transform:			scaleY(-1);
	transform:				scaleY(-1);
}

div.last_update hr {
	margin:					80px auto 12px 0;
	text-indent:			0;
	width:					100%;
	max-width:				30.5em;
}
div.last_update {
	color:					gray;
	font-size:				90%;
	font-style:				italic;
	margin:					auto;
	max-width:				800px;
	text-indent:			0;
	width:					90%;
}

.ilb {
	display:				inline-block;
	vertical-align:			top;
}

hr.w50 {
	width:					36em;
	margin:					36px auto 36px auto;
	text-align:				center;
}

hr.note {
	margin:					100px auto 0 0;
	text-indent:			0
}
p.note {
	font-style:				italic;
	text-indent:			0;
	margin-top:				12px;
}

.signature {
	clear:					right;
	text-align:				right;
	font-style:				italic;	/* s'il y a un texte avec ... */
}

.bigquote {
	margin-left:			0.5in;
	font-style:				italic;
}

.bigquote *:first-child {
	text-indent:			0;
}

.bigquote > *:first-child:before {
	content:				"“";
	float:					left;
	margin:					0.35em 0.1em 0 0;
}

.bigquote > *:last-child:after {
	content:				"”";
	float:					right;
	margin-top:				0.1em;
	margin:					0.35em 0 0 0;
}

.bigquote > *:first-child:before,
.bigquote > *:last-child:after {
	display:				block;
	font-family:			Times,Georgia,serif;
	font-size:				5em;
	font-style:				normal;
	line-height:			0;
}

ul.compact, ol.compact, dl.compact {
	margin-top:				0;
	margin-bottom:			0;
}

.multidate {
	-webkit-column-count:	2;
	-moz-column-count:		2;
	column-count:			2;
	margin:					0 80px;
	text-align:				left;
}

h1, h2, h3, h4, h5, h6, p.cen {
	text-align:				center;
	text-indent:			0;
}
ul, ol, li {text-indent:	0}
img.margin {
	position:				relative;
	left:					-36px;
	top:					-26px;
}
img.mail {
	position:				relative;
	top:					3px;
}

p.bad {
	font-size:				130%;
	margin-left:			10%;
	margin-right:			10%;
}
p.err {
	text-align:				center;
	color:					gray;
	font-style:				italic;
	margin-bottom:			64px;
}
p.ind {text-indent:			32px}
p.mono {font-family:		"Courier New", Courier, monospace}
p.tbchap {
	position:				relative;
	left:					inherit;
	margin-left:			0;
	font-weight:			bold;
}
p.tbnots {font-style:		italic}
p.p0 {
	margin-top:				0;
	margin-bottom:			0;
}
p.p4 {
	margin-top:				4px;
	margin-bottom:			4px;
}
p.tbscha {
	margin-left:			32px;
	font-style:				italic;
	font-weight:			600;
}
p.tbtitl {
	margin-left:			32px;
	margin-top:				0;
	margin-bottom:			0;
}
p.tbtit2 {
	margin-left:			64px;
	margin-top:				0;
	margin-bottom:			0;
}
p.tbtit3 {
	margin-left:			64px;
	margin-top:				0;
	margin-bottom:			0;
	font-style:				italic;
}
div.intro, div.edito_list, div.edito, div.edito_thin, div.std, div.nouv, div.presse, div.liens, div.edito_archive {
	margin:					auto;
	max-width:				800px;
	text-indent:			0.25in;
	width:					90%;
}
div.nouv {
	text-align:				left;
}
div.intro {			/* Texte du haut de la page d'accueil */
	margin-bottom:			48px;
}
div.edito_list {	/* Derniers éditos, page d'accueil */
	margin-top:				48px;
}
div.edito_archive {
	max-width:				640px;
	text-align:				left;
}
div.edito_archive li {
	text-indent:			-10em;
	padding-left:			10em;
	margin-bottom:			3px;
}
div.edito_archive li a {
	display:				inline-block;
	width:					10em;
	float:					left;
}
div.edito_archive li a:after {
	content:				' :';
}
div.edito, div.edito_thin {
	margin-top:				48px;
}
div.edito_thin {	/* Éditoriaux archivés, étroits */
	max-width:				560px;
}
#edito_date {
	text-align:				right;
	font-weight:			bold;
}
#lettre, #edito_title + #edito_date, #edito_date + #edito_title {
	margin-bottom:			48px;
}

div.poeme, p.poeme {
	font-style:				italic;
	text-indent:			0;
	margin-left:			0.5in;
}

div.livre {
	width:					90%;
	margin:					auto;
	max-width:				800px;
}

/* Couverture de livre nouveau style */
/*
div.couverture {
	margin:					8px auto;
	text-align:				center;
	vertical-align:			top;
	padding:				0 8px;
}
div.couverture > div.ilb+div.ilb {
	padding-left: 14px;
}
*/

div.couverture {
	max-width:				800px;
	display:				flex;
	flex-wrap:				wrap;
	margin:					8px auto;
}
div.couverture > div {
	display:				inline-block;
	margin-left:			10px;
	margin-right:			10px;
	text-align:				center;
	vertical-align:			top;
	flex-grow:				1;
}

/* Couverture de livre dans une table */
table.couverture {
	margin:					auto;
}

table.couverture td {
	padding:				8px;
	text-align:				center;
}
/* -- */

div.livre_table50 {
	width:					36em;
	margin:					auto;
}

div.liens {
	padding:				16px 5%;
}

div.list > ul > li {
	margin-top:				1.5em;
}

div.list > ul > li p {
	margin-top:				0.25em;
	margin-bottom:			0;
	font-size:				90%;
}

div.list h3.y {		/* Articles de presse */
	background-color:		#e0e0e0;
	margin:					2em auto;
	padding:				0 10px;
	width:					6em;
	font-size:				100%;
	border-radius:			8px;
}

sup {
	vertical-align:			top;
	font-size:				75%;
}

sup.note, p.note sup {
	font-family:			"Courier New", Courier, monospace;
	font-size:				100%;
	font-weight:			bold;
}

div.groupe {
	background-color:		#f0e68c;
	border-radius:			12px;
}

div.groupe p {padding:		0 1em 0.5em 1em}
.float_l {
	float:					left;
	padding:				0.2em 1em 0.3em 0;
	margin-right:			1em;
}

.float_r {
	float:					right;
	padding:				0.2em 0 0.3em 1em;
	margin-left:			1em;
}

/* Nouveautés */
div.nouv {
	padding:				16px 8%;
}
.nouv h3 {			/* Espacement des items (nouveautés) */
	padding-top:			12px;
	text-align:				left;
}
.nouv .last {
	background-color:		#d0ffff;
}
.nouv .lst2 {
	background-color:		#ffffe8;
}
.nouv .dim1 {opacity:		0.67}
.nouv .dim2 {opacity:		0.33}
.nouv span.dn {		/* Datations dans les nouveautés */
	font-size:				70%;
	color:					#ff00ff;
	font-family:			"Courier New", Courier, monospace;
	text-decoration:		none;
	position:				relative;
	bottom:					3px;
}
div.nouv > ul > li {
	margin-top:				1.5em;
}

/* Écrits */
div.ecrits {
	width:					90%;
	max-width:				640px;
	margin:					auto;
	text-indent:			0.25in;
}

div.ecrits h2 {
	margin-top:				60px;
}

div.ecrits ul li {
	font-size:				120%;
	margin-top:				12px;
}
/* -- */

/* Articles */
p.arth {
	text-align:				center;
	font-style:				italic;
}
p.arth i {
	font-style:				normal;
}
span.bqt {
	font-size:				130%;
	font-weight:			bold;
}
div.art {padding:			32px 8%}
div.cit {
	font-style:				italic;
	color:					#004040;
	text-indent:			0.25in;
}

div.video {
	text-align:				center;
	text-indent:			0;
	padding-top:			2em;
	padding-bottom:			2em;
}

span.isbn {
	color:					gray;
	font-size:				85%;
}
span.ast {
	color:					#000080;
	margin-left:			-0.7em;
}
span.credit {
	font-size:				60%;
	float:					right;
	color:					#808080;
}
div.main,
main {
	padding:				20px 36px;
}
div.main,
main {
	margin-left:			140px;
}
td {vertical-align:			top}
td.ch2 {
	font-size:				85%;
	text-align:				right;
	font-weight:			bold;
	color:					blue;
}
td.ch3 {font-size:			85%}
td.chx {
	font-size:				85%;
	color:					gray;
	font-style:				italic;
}
td.cht {
	color:					#d00000;
	font-size:				110%;
	font-weight:			bold;
	padding-top:			20px;
}
table.chl, table.chl2 {
	width:					100%;
}
td.chlp {					/* Liens horizontaux (gauche) */
	text-align:				left;
	width:					25%;
	font-size:				80%;
}
td.chc {					/* Lien vers contenu global */
	text-align:				center;
	font-size:				80%;
}
td.chln {					/* Liens horizontaux (droit) */
	text-align:				right;
	width:					25%;
	font-size:				80%;
}
td.lttl {					/* Titres des livres dans la bibliographie */
	text-align:				center;
	padding-top:			0.4em;
	padding-bottom:			1em;
	font-size:				200%;
}
td.lttl small {font-size:	75%} /* sous-titres ... */

div.nav,
nav {
	background-color: #080808;
	background-image:		url('/style/leftbg_pm.jpg');
	background-repeat:		no-repeat;
	position:				relative;
}

div.nav,
nav {
	position: absolute;
	top:					0;
	left:					0;
	height:					100%;
}

div.nav,
nav {
	width:					140px;
	min-height:				100vh;
}

div.nav .topleft_image,
nav .topleft_image {
	width:					120px;
	height:					92px;
}

div.nav .topleft_image img,
nav .topleft_image img {
	width:					120px;
	height:					92px;
}

div.nav ul.menu,
nav ul.menu {
	width:					140px;
}

div.nav ul,
nav ul {
	list-style-type:		none;
	padding-left:			0;
}

div.nav ul li,
nav ul li {
	margin:					8px;
}

div.nav ul.menu,
nav ul.menu {
	position:				fixed;
}

/* Dégradation pour écran de mobile */
@media screen and (max-width: 480px) {
	* {
		box-sizing:			border-box;
	}

	div.main,
	main {
		padding-left:		4px;
		padding-right:		4px;
		margin-left:		0;
		margin-right:		0;
	}

	div.nav,
	nav {
		display:			none;
	}

	div.intro, div.edito_list, div.edito, div.edito_thin, div.std, div.nouv, div.presse, div.liens, div.edito_archive {
		width:				100%;
		margin-left:		0;
		margin-right:		0;
	}
}
/* -- */

div.nav li a:link,
nav li a:link {
	color:					#fafad2;
	text-decoration:		none;
}
div.nav li a:visited,
nav li a:visited {
	color:					#eedd82;
	text-decoration:		none;
}
div.nav li a:active, div.nav li a:hover,
nav li a:active, nav li a:hover{
	color:					yellow;
	text-decoration:		none;
}

div.nav li,
nav li {
	background-color:		rgba(46,46,46,0.55);
	border-radius:			8px;
	font-weight:			bold;
	padding:				2px 0;
	text-align:				center;
	text-indent:			0;
}

div.nav li.topbot_nav li,
nav li.topbot_nav li {
	width:					90%;
	font-size:				80%;
	font-style:				italic;
	margin:					auto;
}

div.nav li.topbot_nav,
nav li.topbot_nav {
	position:				fixed;
	width:					124px;
	bottom:					48px;
}

div.nav li.topbot_nav li,
nav li.topbot_nav li {
	margin:					2px auto;
}

/* Ramener le menu en haut si la hauteur de l'écran est insuffisante */
@media screen and (max-height: 720px) {
	ul.menu {
		top:				0;
	}

	div.nav .topleft_image,
	nav .topleft_image  {
		display:			none;
	}
}

@media screen and (max-height: 640px) {
	ul.menu {
		font-size:			90%;
	}
	#bottom td,
	#w3c_cert {	/* validateur W3C */
		display:			none;
	}
}

@media screen and (max-height: 540px) {
	ul.menu {
		border-spacing:		8px 2px;
		border-collapse:	separate;
	}
}

@media screen and (max-height: 440px) {
	ul.menu {
		font-size:			80%;
	}
	ul.menu img {
		height:				12px;
	}
}

@media screen and (max-height: 400px) {
	ul.menu {
		border-spacing:		8px 1px;
		font-size:			70%;
	}
	li {
		margin-top:			1px;
		margin-bottom:		1px;
	}
}

td.menur,
li.menur {
	/* background-color: #2200aa !important; */
	font-style:				italic;
}

div.header,
header {
	background-color:		#24071D;
	background-image:		url('/style/topbg_pm.jpg');
	background-repeat:		no-repeat;
	padding:				10px 0;
	height:					120px;
}

div.header,
header {
	margin-left:			140px;
}

div.header div,
header div {
	background-color:		rgba(0,0,0,0.4);
	padding: 8px;
	width: 18em;
	margin: 8px auto;
	border-radius: 20px;
}
div.header div h1, div.header div p,
header div h1, header div p {
	color:					#fff8dc;
	padding:				0;
	margin:					0 20px;
	text-align:				center;
}
div.header div p,
header div p {
	font-size:				1em;
	font-weight:			bold;
	font-style:				italic;
}

div.header form.combo,
header form.combo {
	text-align:				center;
	display:				none;
}

@media screen and (max-width: 480px) {
	div.header,
	header {
		margin-left:		0;
	}

	div.header form.combo,
	header form.combo {
		display:			block;
	}

	div.header form.combo select,
	header form.combo select {
		text-align:			center;
		width:				75%;
		height:				24px;
		font-size:			110%;
	}

	div.header form.combo select option,
	header form.combo select option {
		font-size:			80%;
		margin: 0;
	}
}

#w3c_cert {
	bottom:					10px;
	left:					0;
	font-size:				90%;
	font-style:				italic;
	position:				absolute;
	text-align:				center;
	width:					140px;
}

p.poe {
	font-family:			"Times New Roman", Palatino, serif;
	font-style:				italic;
	font-size:				120%;
	text-align:				justify;
	margin:					10px 10px;
}

/* Chroniques */
div.chronique {
	margin:					0 7%;
}
div.chronique p {
	text-indent:			0.25in;
}
div.chronique .note {
	color:					#c00080;
	font-style:				italic;
}
div.chronique div.note {
	background-color:		#f0f0ff;
	padding:				48px 5%;
}
div.chronique div.footnote {
	background-color:		#f0f0ff;
	color:					#c00080;
	font-size:				80%;
	font-style:				italic;
	margin:					64px auto 0 auto;
	padding:				2px 10px;
	width:					80%;
}
div.illustration {
	text-indent:			0;
	font-size:				90%;
	color:					#666;
	text-align:				center;
}

p.add, span.add {
	color:					#406040;
	font-style:				italic;
}
h5 i span {
	font-weight:			normal;
	font-size:				90%;
}

.print_only {
	display:				none;
}

@media print
{
	body, td.body {
		margin:				0;
		padding:			0;
	}

	div.nav, div.header, div.plan, div.video, table.chl, td.chlp, td.chln, .noprint,
	nav, header {
		display:			none;
	}

	div.main,
	main {
		margin-left:		0;
	}

	.print_only {
		display:			inline !important;
	}
}

/* Vidéos en iframe calibrées 16:9 ou 4:3 */
/* Voir http://www.w3schools.com/howto/howto_css_aspect_ratio.asp */
.vid_container {
	margin:				36px auto;
	max-width:			100%;
	text-align:			center;
	width:				620px;
}
.vid_container > div,
.embed_container {
	padding-top:		56.25%;	/* 16:9 Aspect Ratio */
	position:			relative;
}
.vid_container > div.ar4x3,
.embed_container.ar4x3 {
	padding-top:		75%;	/* 4:3 Aspect Ratio */
}

.vid_container > a[download] {
	font-family:		sans-serif;
	font-size:			80%;
}
.vid_container > div > iframe,
.vid_container > div > embed,
.vid_container > div > object,
.embed_container > iframe,
.embed_container > embed,
.embed_container > object {
	position:			absolute;
	top:				0;
	left:				0;
	bottom:				0;
	right:				0;
	height:				100%;
	width:				100%;
	text-align:			center;
	border:				0;
}