/*
Theme Name: FNC
Description: Festival du Nouveau Cinema
Version: 1.0
Author: FNC
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Begin Typography & Colors 
body {
font-family: Arial, Sans-Serif;
background-color:#bf0525;
background-image:url('images/bgBody2cols.gif');
background-repeat:repeat-x;
text-align: center;
margin: 0;
padding: 0;
}*/

#page {
background-color: #000000;
text-align: left;
margin:auto;
width: 960px;
overflow:hidden;
}

#page .narrowcolumn {
color:#8f8f8f;
background-color: #000000;
clear:both;
font-size:13px;
float:left;
padding:20px 20px 0px 20px;
width:700px;
}
	
#page .entry{
border-bottom:1px solid #202020;
font-size:12px;
padding-bottom:10px;
text-align: center;
}

#page .entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

#page .entry ol {
padding: 0 0 0 35px;
margin: 0;
}

#page .entry ol li {
margin: 0;
padding: 0;
}

#page.entry h2{
margin-top:0px;
}

#page .entry h2 a, #page #firstEntry h2 a{
color:#fff;
text-decoration:none;
}

#page div#firstEntry{
margin:20px 0 30px 0;
}

#page div#dateFirstEntry{
background-color:#ff0732;
color:#FFF;
height:100px;
text-align:right;
margin-left:-21px;
position:relative;
bottom:-45px;
-moz-opacity: 0.9 !important;
-webkit-opacity: 0.9!important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
filter: alpha(opacity=90) !important;
opacity: 0.9 !important;
width:100px;
}

#page div#dateFirstEntry p{
padding:75px 10px 10px 0px;
}

#page div#tagsFirstEntry{
margin-top:20px;
}

#page div#tagsFirstEntry p{
font-size:12px;
margin:2px;
}

#page div#tagsFirstEntry span.spacer{
margin:0 5px 0 5px;
}

#page div#articlesConnexes{
margin-bottom:45px;
}

#page div#articlesConnexes h2{
border-bottom:1px dotted #bf0525;
color:#8f8f8f;
font-family:Arial,Sans-serif;
font-size:13px;
font-weight:bold;
margin:40px 0px 5px 0px;
padding-bottom:5px;
text-transform:uppercase;
}


/* Begin Sidebar */
#page #sidebar{
float:left;
font-size:12px;
width: 220px;
background-color:#231f20;
}

#page #sidebar h2 {
font-family: Arial, Sans-Serif;
font-size: 12px;
}

#page #sidebar form {
margin-top: 10px;
}
	
#page #sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#page #sidebar #searchsubmit {
padding: 1px;
}

#page #sidebar ul, #page #sidebar ul ol {
background-color:#231f20;
margin: 0;
padding: 0;
}

#page #sidebar ul li {
list-style-type: none;
list-style-image: none;
text-transform:uppercase;
}

#page #sidebar ul select {
margin: 5px 0 8px;
}

#page #sidebar ul ul, #page #sidebar ul ol {
margin: 10px 0 0 10px;
}

#page #sidebar ul ul ul, #page #sidebar ul ol {
margin: 0 0 0 10px;
}

#page ol li, #sidebar ul ol li {
list-style: none;
}

#page #sidebar ul ul li, #page #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
margin-bottom:5px;
}

#page .textwidget{
background-image:url('images/consultezDroit.jpg');
height:195px;
text-align:center;
width:220px;
}

#page .textwidget p:first-child{
color:#ff0732;
font-size:14px;
padding-top:75px;	
}

#page .textwidget p {
margin:0;
}

#page .textwidget p a {
color:#fff;
font-size:20px;
}
/* End Sidebar */

#page h1 {
border-bottom:1px dotted #fef100;
color:#8F8F8F;
font-family:Arial,Sans-serif;
font-size:13px;
font-weight:normal;
margin-bottom:5px;
padding:10px 0 10px 0;
text-transform:uppercase;
}

#page #headerimg .description {
font-size: 12px;
text-align: center;
}

#page h2.pagetitle {
font-size: 16px;
}

#page .sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}

#page .sticky h2 {
padding-top: 10px;
}

#page .commentlist li, #page #commentform input, #page #commentform textarea {
font: 12px Arial, Sans-Serif;
}

#page .commentlist li ul li {font-size: 1em;}

#page .commentlist li {font-weight: bold;}

#page .commentlist cite, #page .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size:12px;
}

#page .commentlist p {
font-weight: normal;
text-transform: none;
}

#page .commentlist a{
color:#fff;
text-transform:lowercase;
}


#page code {
font: 11px 'Courier New', Courier, Fixed;
}

#page acronym, #page abbr, #page span.caps{
font-size: 10px;
}

#page a{
text-decoration:none;
}

#page a:visited{
color: #fef100;
}

#page a:active{
text-decoration:underline;
color: #fef100;
}

#page a:hover{
text-decoration:underline;
color: #fef100;
}

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 13px Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */


#page .post {
margin: 0 0 20px;
text-align: justify;
}

#page .post hr {
display: block;
}

#page .postmetadata {
clear: both;
}

#page .clear {
clear: both;
}

/*	Begin Headers */

span#titreCategorie{
color:#FFF;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding-top:20px;
}

#page h2 {
color:white;
font-size: 13px;
text-transform:uppercase;
margin-top:10px;
}

#page h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#page #sidebar h2 {
background-color:#454648;
color:#000000;
font-family:Arial, Sans-Serif;
font-size:12px;
text-transform:uppercase;
padding:8px 0px 8px 12px;
margin-top:12px;
margin-bottom:0px;
}


#page h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
#page p img {
padding: 0;
max-width: 100%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#page img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

#page img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

#page img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

#page .alignright {
float: right;
}

#page .alignleft {
float: left;
}


/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body #page .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body #page .entry li {
	margin: 7px 0 8px 10px;
	}

#page .postmetadata ul, #page .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */



/* Begin Form Elements */
#page #searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#page select {width: 130px;}

#page #commentform input {
width: 240px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {margin: 5px 10px 0 0;}

#commentform textarea {
width: 345px;
padding: 2px;
margin-top:8px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#commentform #submit {
background-color:#FF0732;
color:#fff;
border:none;
font-size:13px;
text-transform:uppercase;
margin:0;
float: right;
width:100px;
}

#commentform p {
text-align:right;
margin: 5px 0;
}

#commentform label{
font-size:13px;
float:left;
margin:5px 5px 0px 0px;
}

#page div#infoComments p{
margin:0;
}

#page div#inputComments{
float:left;
}

#page div#paginatedComments{
border-bottom:1px solid #202020;
border-top:1px solid #202020;
height:15px;
padding:10px 0 10px 0;
margin-bottom:10px;
text-align:center;
}
/* End Form Elements */



/* Begin Comments*/
#page .alt {
margin: 0;
padding: 10px;
}

#page .commentlist {
padding: 0;
text-align: justify;
}

#page .commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
}

#page .commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

#page .commentlist p {margin: 10px 5px 10px 0;}

#page .children { padding: 0; }



#page .nocomments {
text-align: center;
margin: 0;
padding: 0;
}

#page .commentmetadata {
margin: 0;
display: block;
}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
#page acronym, #page abbr, #page span.caps {cursor: help;}

#page acronym, #page abbr {border-bottom: 1px dashed #999;}

#page blockquote {
color:#b1b1b1;
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

#page blockquote cite {
margin: 5px 0 0;
display: block;
}

#page .center {text-align: center;}

#page .hidden {display: none;}
	
#page .screen-reader-text {
position: absolute;
left: -1000em;
}

#page hr {display: none;}

#page a img {border: none;}

#page .thread-alt {background-color:#242424;}
	
#page .spanBlanc{color:#fff;}

#page .spanRouge{color:#fef1002;}

#page h1.categorieArticle{
color:#fff;
font-family: Arial, sans-serif;
font-size:16px;
text-transform:uppercase;
}

#page h2.titreArticle{
border-bottom:1px solid #202020;
padding-bottom:5px;
margin-bottom:5px;
}

#page .divTags{
background-image:url('images/FNC_bgTags.jpg');
background-repeat:repeat-x;
border-bottom:1px solid #202020;
border-top:1px solid #202020;
clear:both;
font-size:12px;
height:45px;
margin:20px 0 20px 0;
}

#page .divTags div{
margin:7px 0px 0px 5px;
}

#page .divTags p{
margin:0;
}

/* End Various Tags & Classes*/

/* Captions */
#page .aligncenter,
#page div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size:12px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */