@charset "utf-8";
/* CSS Document */
/*.dialog {
	min-width:20em;
	float: left;
	z-index:2;
	margin-left: 15px;
	float: left;
	position: static;
	margin-top: 0px;
	margin-bottom: 0px;
	background:transparent;
}
*/

.dialog {
	width:425px;
	margin:0px auto;
	/*min-width:20em;
	/*max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
	color:#fff;
	float: left;
	z-index:2;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	height: 325px;
	left: 15px;
	top: 5px;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../images/sliding/tl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../images/sliding/tr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../images/sliding/ml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../images/sliding/mr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 /*url(../images/sliding/ms.jpg) repeat-x 0px 0px*/;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/sliding/bl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../images/sliding/br.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}


/**
 Dialogue des affiches de films
*/

.dialog2 {
	min-width:20em; /* I only cut the left background ../images out to 800px. You could do much larger, etc. */
	color:#fff;
	z-index:2;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	margin-right: auto;
}

.dialog2 .hd .c,
.dialog2 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog2 .ft .c {
 height:14px;
}

.dialog2 .hd {
 background:transparent url(../images/sliding/tl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog2 .hd .c {
 background:transparent url(../images/sliding/tr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog2 .bd {
 background:transparent url(../images/sliding/ml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog2 .bd .c {
 background:transparent url(../images/sliding/mr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.dialog2 .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/sliding/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog2 .ft {
 background:transparent url(../images/sliding/bl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog2 .ft .c {
 background:transparent url(../images/sliding/br.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog2 h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 margin-top:-0.6em;
}


.dialog2 p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}