@import "reset.css";
@import "navigation.css";

html * { font-size: 100.01% }
body { font-size: 62.5%;  /*(0.625 * 16px = 10px)*/
	font-family: arial, 'lucida console', sans-serif; 
	color: #FFFFFF; background: #409191 url(../images/body-bk.jpg) repeat-x left top ;}
h1 {text-indent: -3000px}
h2 {font-size: 1.8em;  font-family: 'Times New Roman'; font-weight: bold; letter-spacing: .05em; line-height: 1em; text-transform: uppercase;}
a {color:#FCED4C;font-weight:bold;}
a:hover {text-decoration:none;}
p,dl {margin: 1.5em 0; line-height: 1.5em; font-size: 1.3em; text-align: justify; clear: both;}
dl {font-size: 1.3em;}
dt {font-weight: bold;line-height: 1.5em; margin: 10px 0 0 0;}

blockquote {font-size: 2.9em; font-weight: bold; font-style: italic;letter-spacing: .05em; line-height: 1.2em;font-family: 'Times New Roman'; }
blockquote p {text-align: left; }
blockquote#topquote {font-size: 1.4em; position: absolute; text-transform: uppercase;left: 400px; top: 25px; width: 590px; }

cite { display: block; font-size: 12px;}

.clear {clear: both;}
.float_right {float: right;}

#main {margin:20px auto; position: relative;text-align:center;}
body.fr #main { background: #409191 url(../images/main-bk.jpg) no-repeat top center ; }
body.en #main { background: #409191 url(../images/main-bk-en.jpg) no-repeat top center ; }

#container{width:980px;margin:0 auto; }

#content{ position: relative; text-align:left;}
#content h1 a {position: absolute; display: block; height: 215px; width: 325px; top: 200px; left: 0;}
#content #videos, #content #content-int {float: right; width: 580px;}
#content #critiques {float: left; width: 400px;}
#content h2 {font-style: italic; margin: 1.2em 0;}
.page #content {height: 800px;}
#film #content {height: auto;}
#biofilmo {height: 600px;}

#ensalle{float:left; width:382px; }
#message{float:right;width:598px;}

#footer {color: #595C55; background: url(../images/footer-bk.jpg) repeat-x; clear:both; height: 190px; padding: 160px 0 0 0;}
#footer #footer-int {width: 980px; margin: 0 auto;}
#footer h4  {color: #FFFFFF; font-size: 14px; font-weight: bold; margin: 0 0 5px 0}
#footer p {color: #FFFFFF;margin: 0 0 12px 0}
#footer li {display: inline; font-size: 12px;}
#footer .footer-nfb-logo {background: url(../images/onf.gif) left top no-repeat;height: 100px;padding-left: 90px;}

#ensalle .margins {padding: 18px 20px;border-left: 12px solid #FFFFFF; border-right: 12px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
#message .margins {padding: 18px 0 20px 20px;border-top: 1px solid #FFFFFF;}

ul#extraits {list-style-type: none; margin: 20px 0; padding: 0;}
ul#extraits li {}
ul#extraits li a {display: block; float: left;padding: 0 6px 20px 0; font-size: 12px; }
ul#extraits img {display: block; border: 1px solid black; margin-bottom: 5px;}

p#partager a { display: block; height:20px; padding: 0 0 0 25px; background: url(../images/partager.gif) no-repeat left top;}
.bmarks { margin:20px; width:350px;  }
.bmarks a { padding:5px; }

#critiques {padding-top: 500px;}
#autrescritiques {display:none;}

.feed-post {text-align:left;}
.feed-post h4{ font-size:14px; line-height:18px;}
.feed-post h4 a {text-decoration:none;}
.feed-post h4 .footnote {font-size:11px;}
.feed-post p {font-size:12px;}

#message {position:relative;}
#message .rss a img{border:none;}
.rss {width:27px; height:27px; position:absolute; top:10px; right:10px; z-index:1;}

.clear {clear:both; width:100%;}


/*jsb hack 09-2009*/
#ensalle dl{text-align:center}
#ensalle dt{text-align:center}
#ensalle dd{text-align:center;padding:18px 40px;font-size:14px}
#ensalle dt img{border:1px solid #207171}