/* MAIN CSS Document */

body {
	font-size: 12px;
	font-family: arial, helveltica;
	background: #494949 url(../images/bg.jpg) repeat top left;
}

p, h1 {
	color: white;
	font-family: arial, helveltica, sans-serif;
}

p { font-size:12px; line-height:18px;}

div#wrap {
	width: 970px;
	margin: 0 auto;
	margin-top: 32px;
}

div#header {
	z-index: -1;
	width: 970px;
	height: 146px;
	background-color: #eaeaea;
}

div#header h1 {
	margin: 0; padding: 0; /* pour que le h1 soit à la même position sur tous les navigateurs */
	font-size: 14px;
	position: absolute;
	margin-left: 25px;
	margin-top: 13px;
}

/* TRICK POUR AVOIR UNE IMAGE DE TITRE et avoir du texte aussi pour le référencement */
div#header h1 span {
	position: absolute; left:0; top: 0;
	width: 247px;
	height: 125px;
	background: url(../images/titre.jpg) top left no-repeat;
}

object {
	width: 514px;
	height: 324px;
}

embed {
	width: 514px;
	height: 324px;
}

#images.podcasts {position:relative; text-align:center; height:380px;background-color:#910003}
#content.podcast-content a{color:#cb2327;}
.podcasts h2 {text-align:center; color:#fff; font-size:24px;margin:0;margin-bottom:10px;padding-top:10px;}
.podcasts object, .podcasts embed {width:450px; height:280px;}

.podcast-intro {margin-left:20px; margin-right:20px; color:#fff;}

.citizenshift-img {position:absolute;right:45px; top:80px;}

/* SECTION POUR LE MENU */
div#header ul#menu {
	position: absolute;
	width: 630px;
	list-style: none;
	margin: 0; padding: 0;
	margin-left: 330px; margin-top: 22px;
}

div#header ul#menu  li.pmenu, .lastMenu {
	margin:0; padding: 0;
	font-size: 14px;
	border-bottom: 1px solid black;
	width: 630px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1px;
}

div#header ul#menu  li.pmenu:hover, li.lastMenu:hover {
	background-color: #9c2323;
}

div#header ul#menu li.pmenu:hover a, li.lastMenu:hover a {
	color: white;
}

div#header ul#menu  li.pmenu a, .lastMenu a {
	text-decoration: none;
	color: #000;
}

div#header ul#menu  li.pmenu a:hover, li.lastMenu a:hover {
	text-decoration: none;
	color: #FFF;
}

/* SECTION POUR LE SOUS-MENU */
ul.sous-menu {
	position: absolute;
	list-style: none;
	margin: 0; padding: 0;
	left: 130px;
	margin-top: -17px;
}

div#header ul#menu  li.pmenu ul.sous-menu li.smenu, .last {
	position: relative;
	margin: 0; padding: 0;
	font-size: 80%;
	font-weight: bold;
	border-right: 1px solid black;
	text-transform: none;
	padding: 1px 4px 2px 4px;
	margin-top: 2px;
	float: left;
}

div#header ul#menu li.pmenu ul.sous-menu li.smenu:hover, li.last:hover {
	background-color: #000;
}

.last {
	border-right: none;
}

.lastMenu {
	border-bottom: none;
}

div#buy {
	margin: 0; padding: 0;
	position: relative;
	z-index: 1;
	width: 75px; height: 75px;
	float: right;
	margin-right: 30px;
	margin-top: 10px;
}



img {
	border: none;
}

img.bomb {
	position: relative;
	float: left;
	width: 456px;
	height: 324px;
}

div#trailer {
	width: 970px; 
	height: 344px;
	background-color: #910003;
	position:relative;

}
div#trailer embed {
	position:absolute;
	z-index:3;
	top:2px;
}

div#player {
	float: right;
	width: 514px;
	height: 326px;
}
div#mediamovie {
	background-color:#000;
	width:76%;
	padding-left:24%;
	height:327px;
}

div#buy-dvd-zone{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	height:325px;
	width:457px;
	background-color:#000;
	margin-top:1px;
	float:left;
}
	div#buy-dvd-zone img.dvd{
		margin-left:20px;margin-top:10px;
	}
	div#buy-dvd-zone a.lnk {
		position:absolute;
		z-index:2;
		right:80px;
		bottom:55px;
		line-height:24px;
		font-size:16px;
		color:#cc0a0e;
		padding-right:30px;
		font-weight:bolder;
		background:url(../images/cart.gif) no-repeat top right;
		text-decoration:none;
	}
	div#buy-dvd-zone a.lnk:hover {
		text-decoration:underline;
	}

/* SECTION POUR LE CONTENU DE LA PAGE */
div#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div#content {
	background-color: #333333;
	width: 970px;
	clear:both;
	min-height:500px;
	height:auto;
	padding-bottom: 45px;
	overflow: hidden;
	float:left;
}

div#content ul.contact-list{
	list-style:none;
	font-size:14px;
	font-weight:bolder;
	color:#fff;
}

div#content ul.contact-list ul {
	list-style:none;
	margin:0;padding:0;
	font-weight:normal;
	padding-bottom:10px;
}

div#content a, div#content-screenings a{
	/*color:#b5b5b5;*/
	color:#cc0a0e;
	text-decoration:none;
}
div#content a:hover {
	text-decoration:underline;
}

div#col-gauche {
	background-color: #333333;
	width: 56%;
	float: left;
	clear: right;
	margin-top: 20px;
}

img.joseph {
	float: left;
	margin-top: 20px;
	margin-left: 25px;
	margin-right:25px;
	width: 126px;
	height: 126px;
	border: none;
}

div#col-gauche p {
	color: white;
	text-align: justify;
	line-height: 1.5;
}

div#col-gauche p.first {
	position: relative;
	float: right;
	width: 360px;
	margin-right: 5px;
	
}

div#col-gauche p.others {
	margin-left: 25px;
}

div#col-droite {
	background-color: #333333;
	width: 44%;
	float: right;
	margin-top: 20px;
}

div#col-droite p {
	margin: 0; padding: 0;
	color: white;
	width: 350px;
	margin-left: 30px;
	text-align: justify;
	margin-top: 10px;
}

div#col-droite p.bas {
	margin-bottom: 40px;
}

div#col-droite p span {
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

/* SECTION POUR LE FOOTER DE LA PAGE */
div#footer {
	width: 970px;
	background-color: #000;
	padding-bottom: 80px;
	float:left;
}

img.logo-onf {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 87px;
	height: 49px;
}

div#footer ul.copyright {
	list-style: none;
	margin: 0; padding: 0;
	padding-top: 30px;
}

div#footer ul.copyright li {
	color: #b5b5b5;
	font-size: 11px;
	text-transform: uppercase;
	display: inline;
	margin-right: 10px;
	padding-left: 20px;
}

div#footer ul.menu {
	list-style: none;
	margin: 0; padding: 0;
	margin-left: 127px;
	margin-top: 4px;
}

div#footer ul.menu li {
	color: #FFF;
	font-size: 11px;
	display: inline;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #999999;
}

div#footer ul.menu li.lastE {
	border-right: none;
}

div#footer ul.menu li a {
	text-decoration: none;
	color: white;
}

div#footer ul.menu li a:hover {
	text-decoration: underline;
}

/* SECTION FILMMAKERS */
div#gauche, div#droite {
	background-color: #333333;
	width: 50%;
	min-height: 500px;
	height:auto;
	/*overflow:hidden;*/
}

div#gauche {
	float: left;
	clear: right;
}

div#droite {
	float: right;
}

img.header {
	position: relative;
	width: 970px; height: 325px;
	z-index:1;
}

div#gauche h1, div#droite h1 {
	font-family: arial, helveltica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: white;
	margin-left: 25px;
	line-height: 1.3;
	margin-top: 20px;
}

div#gauche p, div#droite p {
	margin-left: 25px;
	margin-right: 25px;
	text-align: justify;
}

/* SECTION  CLIPS */
div#player-clips {
	width: 514px; height: 325px;
	margin-left: 228px;
	padding-top: 1px;
}

div#content h1.titre-clips {
	position: absolute;
	margin: 0; padding: 0;
	font-size: 18px;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 25px;
	width: 175px;
}

div#content p.p-clips {
	position: relative;
	margin: 0; padding: 0;
	padding-left: 200px;
	padding-top: 25px;
}

div#content ul.clips {
	margin: 0; padding: 0;
	list-style: none;
	margin-top: 20px;
	margin-left: 25px;
}

div#content ul.clips li {
	margin: 0; padding: 0;
	background-color: #000;
	margin-right: 25px;
}

div.clip-vid {
	clear:both;
	padding:10px 20px;
	position:relative;
	min-height:120px;
}
div.clip-vid img {
	position:absolute;
	top:10px;
	left:20px;
	z-index:1;
}
div.clip-vid .desc-vid {
	margin-left:220px;
}
div.clip-vid .desc-vid h3 {
	color:#fff;
}
span.playing-now {
	color:#fff;
}

/* SECTION KEY CHARACTERS */
div#content-key {
	width: 970px;
	min-height: 500px;
	overflow:hidden;
	background-color: #333333;
}

div#col-1, div#col-2 , div#col-3 , div#col-4 {
	margin: 0; padding: 0;
	width: 24.7%;
	float: left;
}

div#col-1 h1, div#col-2  h1, div#col-3 h1, div#col-4 h1 {
	margin: 0; padding: 0;
	font-size: 16px;
	font-weight: 600;
	margin-left: 30px;
	margin-top: 20px;
}

div#col-1 p, div#col-2  p, div#col-3 p, div#col-4 p {
	margin-left: 30px;
	width: 180px;
}

/* SECTION NUCLEAR WEAPONS */
div#rect-rouge {
	width: 970px; height: 20px;
	background-color: #910003;
}

div#content-nuclear {
	width: 970px;
	height: 700px;
	background-color: #333333;
}

div#content-nuclear div#nuclear-g {
	float: left;
	margin-left: 15px;
	margin-top: 30px;
	width: 300px;
	clear: right;
}

img.nuclear {
	float: right;
	width: 534px;
	height: 510px;
	margin-right: 30px;
	margin-top: 50px;
}

div#nuclear-g h1 {
	margin:0; padding: 0;
	padding-left: 30px;
	font-size: 20px;
	font-weight: normal;
}

div#nuclear-g h1.weapons {
	background: url(../images/rect-nuclear.jpg) no-repeat left center;
}

div#nuclear-g h1.states {
	float: left;
	background: url(../images/rect-states.jpg) no-repeat left top;
	margin-top: 25px;
	margin-left: 5px;
}

div#nuclear-g p {
	margin:0; padding: 0;
	margin-left: 5px;
}

div#nuclear-g ul, ul.warhead {
	margin:0; padding: 0;
	list-style: none;
	margin-top: 15px;
	margin-left: 5px;
	float: left;
}

div#nuclear-g ul.warhead {
	margin-left: 85px;
}

div#nuclear-g ul li{
	margin:0; padding: 0;
	display: block;
	color: white;
	font-size: 14px;
	line-height: 1.3;
}

div#nuclear-g ul li.iran {
	margin-top: 20px;
	background: url(../images/rect-iran.jpg) no-repeat left center;
	padding-left: 30px;
}
div#nuclear-g ul li.iran2 {
	margin-top: 20px;
}

div#nuclear-g  p.source {
	float: left;
	font-size: 10px;
	line-height: 1.5;
	margin-top: 10px;
}

/* SECTION TIMELINE */
div#timeline-header {
	width: 970px;
	height: 170px;
	background-color: #910003;

}

div#content-time {
	width: 970px;
	/*height: 500px;*/
	height:auto;
	background-color: #333333;
	padding-bottom:30px;
}

div#content-time p, div#content-time h3 {margin-left:20px; color:#fff;}
div#content-time h3 {font-size:18px; margin-bottom:0;}
div#content-time p {margin-top:0; padding-top:10px; font-weight:bolder; font-size:16px;}


div#timeline-header ul.menuDate {
	position: absolute;
	margin: 0; padding: 0;
	width: 933px;
	height: 150px;
	list-style: none;
	margin-left: 25px;
	margin-top: 20px;
	
}

div#timeline-header ul.menuDate li {
	margin: 0; padding: 0;
	width: 130px;
	height: 150px;
	float: left;
	padding-right: 2px;
}

div#timeline-header ul.menuDate li a {position:relative; color:#fff; font-size:24px; font-weight:bolder;}

div#timeline-header ul.menuDate li a span{position:absolute;z-index:2;bottom:25px;left:5px;}

div#content-time ul {
	margin: 0; padding: 0;
	list-style: none;
	padding-top: 25px;
	padding-left: 45px;
}

div#content-time ul li {
	margin: 0; padding: 0;
	display: block;
	color: white;
	font-size: 16px;
	padding-bottom: 10px;
}

div#content-time ul li span {
	margin-left: 20px;
}

/* SECTION CREDITS */
span.blanc {
	color: white;
	font-weight: bold;
}

/* SECTION RUSSELL-EINSTEIN MANIFESTO */
span.issue {
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}
span.normal-manif {
	font-size:14px; font-style:normal; font-weight:normal;
}
div#content-russell:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div#content-russell {
	width: 970px;
	background-color: #333333;
	min-height:1300px;
}


div#content-russell div#droite p.russell-top {
	margin-top: 20px;
}

p.russell-firstLetter:first-letter {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1.5px;
}

div#droite ul {
	margin: 0; padding: 0;
	list-style: none;
	margin-left: 25px;
}

div#droite ul li {
	color: white;
}

/* SECTION LINKS */
div#content-liens {
	width: 970px;
	height: 1150px;
	background-color: #333333;
}

dl.section-liens {
	position: relative;
	margin: 0; padding: 0;
	margin-left: 25px;
}

dl.section-liens  dt, dd {
	color: white;
	margin-top: 5px;
}

dl.section-liens dd a {
	color: #b5b5b5;
	text-decoration: none;
}

dl.section-liens dd a:hover {
	text-decoration: underline;
}

dl.section-liens  dt {
	font-weight: bold;
	margin-top: 20px;
	font-size: 16px;
}

/* SECTION PRESS */
a.press  {
	color: #b5b5b5;
	text-decoration: none;
}

a:hover.press  {
	color: #b5b5b5;
	text-decoration: underline;
}

/* SECTION IMAGES */
div#images {
	margin: 0; padding: 0;
	width: 970px;
	height: 423px;
	background-color: #000;
}

div#controle {
	position: absolute;
	margin: 0; padding: 0;	
	height: 423px;
	margin-left: 40px;
	margin-top: 30px;
	float: left;
}

div#controle ul {
	margin: 0; padding: 0;
	list-style: none;
	margin-top: 150px;
	height: 50px;
}

div#controle ul li{
	margin: 0; padding: 0;
	display: inline;
	color: white;
	padding-right: 5px; padding-left: 5px;
	float: left;
}

div#controle ul li#rendu {
	padding-top: 10px;
}

div#cadre {
	position: absolute;
	margin: 0; padding: 0;
	margin-top: 12px;
	margin-left: 185px;
}

div#content-images {
	width: 970px;
	height: 300px;
	background-color: #333333;
}

div#content-images h1 {
	position: relative;
	margin: 0; padding: 0;
	padding-top: 25px;
	margin-left: 25px;
	font-size: 18px;
	font-weight: normal;
}

div#content-images p {
	margin: 25px;
}

.lien-more {
	color: #999999;
	text-decoration: none;
}

div#header ul#menu  li.pmenu  ul.sous-menu li.smenu a.active-page, div#header ul#menu  li.pmenu  ul.sous-menu li.last a.active-page {
	color: #FFF;
	background-color: #000;
}

div#content-screenings:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div#content-screenings {
	width: 970px;
	background-color: #333333;
	min-height:1300px;
}

.screenings {
	padding:0 20px;
	margin-top:20px;
	border-left:1px solid black;
}
.screenings h3 {
	border:none;
	margin:0;
}
.screenings img {
	margin-top:20px;
}
.screening-entry {
	font: normal 1em/1.2em Arial, Helvetica, sans-serif;
	list-style:none;
	margin:10px 50px;
	padding:0;padding-bottom:10px;
	border-bottom:1px dotted #fff;
}
.screening-entry.last {
	border-bottom:none;
}
.screening-entry li{
color:#FFFFFF; font-size:12px; line-height:18px;}
.screening-entry .date {font-weight:bolder; font-size:14px;line-height:21px;}



.time-h {width:130px; height:150px;position:relative; background-position:top left; background-repeat: no-repeat;}
.time-h a {text-decoration:none; position:absolute; top:0px;left:0;z-index:1;line-height:280px;}
.time-h a span{width:130px; height:150px;position:absolute;top:0; left:0; z-index:2;}

.time-h.t1940 {background-image:url(../images/1940.jpg);}
.time-h.t1940:hover, .time-h.t1940:active {background-image:url(../images/1940-o.jpg);}
.time-h.t1950 {background-image:url(../images/1950.jpg);}
.time-h.t1950:hover {background-image:url(../images/1950-o.jpg);}
.time-h.t1960 {background-image:url(../images/1960.jpg);}
.time-h.t1960:hover {background-image:url(../images/1960-o.jpg);}
.time-h.t1970 {background-image:url(../images/1970.jpg);}
.time-h.t1970:hover {background-image:url(../images/1970-o.jpg);}
.time-h.t1980 {background-image:url(../images/1980.jpg);}
.time-h.t1980:hover {background-image:url(../images/1980-o.jpg);}
.time-h.t1990 {background-image:url(../images/1990.jpg);}
.time-h.t1990:hover {background-image:url(../images/1990-o.jpg);}
.time-h.t2000 {background-image:url(../images/2000.jpg);}
.time-h.t2000:hover {background-image:url(../images/2000-o.jpg);}


ul#screenings {color:#fff;}
ul#screenings li {margin-left:13px;}
ul#screenings .screen-date {font-size:14px;line-height:24px;font-weight:bolder;}