html {font-family: Verdana, Arial, Helvetica, sans-serif; }
body {margin:0; color:#FFFFFF;}
td {font-size:13px;}
img {border:0px;}
a, .a {text-decoration: underline; color:#FF0000; cursor:pointer;}
a:hover, .a:hover {text-decoration: none;}
acronym {border:0; cursor: default; text-decoration: none; color:#6699FF;}
strong {font-weight:bold;}
h3 {display:inline; color:#FFCC66; font-style:italic; font-weight:bold; font-size:1em;}
.vignette { border:1px solid grey; margin:2px;}

td#leftcontent {background-color:#FFFFFF; width:20px;}
td#peliculle {
	background-color:#000000;
	background-image:url(images/bobine.jpg);
	background-repeat:repeat-y;
	width:90px;
}
td#content {
	width:700px;
	background-color:#000000;
	vertical-align:top;
}
td#rightcontent {background-color:#000000;}

#entete {
	position:relative;
	width:350px;
	text-align:right;
}
#entete img {
}
#banniere {
	position:relative;
	width:700px;
	text-align:center;
}
#entete h1, #banniere h1 {color:#6699FF; font-size:24px; font-weight:bold; margin:0;}
#entete h2, #banniere h2 {color:#FFFFFF; font-size:18px; margin:0;}

#menu {
	position:relative;
	padding:40px 0 0 0;
	margin:0;
	width:700px;
	text-align:center;
	list-style-type:none;
	/* color:#FFCC66; */
	font-size:1em;
	font-weight:bold;
}
#menu li {
	display:inline;
}
#menu a {
	color:#FFCC66;
	font-weight:normal;
}

#corps h1 {color:#FFFFFF; font-size:18px; font-weight:bold; font-style:italic; margin:80px 0 20px 0;}
#corps h2 {color:#FFFFFF; font-size:14px; font-weight:bold; margin:40px 0 10px 0; border-top:1px solid #666666; padding:5px 0 0 0;}

.film, .extrait {position:relative; width:550px; margin:0px 0px 20px 80px;}
.type {
	position:absolute;
	display:inline;
	right:0;
	display:inline;
	top: 3px;
}
.type, .type * {color:#6699FF;}
.desc, .desc * {color:#FFFFFF;}
.titre, .titre * {color:#6699FF; font-weight:bold; display:inline; margin-right:20px;}
.prod, .desc, .story, .links {margin-left:60px;}
.prod, .prod * {color:#999999;}
.story, .story * {font-style:italic; /* text-align:justify;*/ }
.links, .links * {color:#FFCC66; font-size:0.92em;}
.photo {position:relative; display:inline;}
.photo img {border:1px solid #999999; margin:3px 5px 2px 60px; cursor:pointer; float:left;}
.video {width:30px; text-align:center; position:absolute; right:-95px; top:0; cursor:pointer;}
.audio {width:30px; text-align:center; position:absolute; right:-95px; top:0; cursor:pointer;}
.presse {width:30px; text-align:center; position:absolute; right:-125px; top:0; cursor:pointer;}

.extrait {
	clear: both;
	padding-top:2px;
}
.extrait .titre, .extrait .chaine, .extrait .links {
	margin:0;
	padding:0;
	text-align:left;
}
.extrait .chaine {font-size:10px;}
/*
.extrait .type {
	position:inherit;
	top:auto;
	margin:0;
}
.extrait * {
	display:inline;
}
.article {margin-top:15px; text-align:justify;}
.journal {margin-top:5px; font-weight:bold; color:#FFCC66;}
*/
.article {}
.journal {margin-top:5px; font-weight:bold; color:#3366FF; display:inline;} 

.date {position:relative; width:520px;}
.date .annees {color:#999999; width:150px; text-align:right;}
.date .evenement {position:absolute; left:180px; top:0;}
.date .evenement strong {font-weight:bold; color:#6699FF;}
.date .photo {width:30px; text-align:center; position:absolute; right:-100px; top:0;}

.musique {margin:0 0 20px 0;}
.musique .desc {}
.musique .links {}

#partenaires {margin-top:80px; padding:2px; text-align:right;}

.dateUpdate {color:#666666;}

.gris, .gris:hover, .gris a, .gris a:hover {color:#999999;}
.noir, .noir:hover {color:#000000;}