/* @override http://lesfilmsdejuin.frenchlabs.net/wp-content/themes/OSchmit/style.css */

/* ---------------------
      Layou - All
--------------------- */

body {
	font : 75%/1.7em Arial, Lucida, "Lucida Sans Unicode", Tahoma, sans-serif;
	color : #6a6a6a;
	text-align: center;
	background: url(images/bg.jpg) repeat-x #f2f2f2;
}

#content{
	width: 837px;
	margin: auto;
	margin-top : -82px;
	overflow: hidden;
}

#name{
	background: url(images/name.jpg) no-repeat 55px 0;
	width: 950px;
	height: 192px;
	margin-top: -8px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom: 0;
	display : block;
	z-index: -999;
}

#head{
	height: 203px;
	width: 836px;
	margin: 10px 0px 10px 0px;
}
.nivoSlider {
    position:relative;
    width:837px; /* Change this to your images width */
    height:203px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
	overflow : hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}


/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; margin : 0; padding: 0}
p {margin : 0; padding: 0}
a {color: #898989; border-bottom : dashed 1px #898989; text-decoration :none;}
a:hover {color: #898989;}
.clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}
img{ border: none;	}



/* ---------------------
         Menu
--------------------- */

#menu {
	background: url(images/menu.png) no-repeat;
	height: 42px;
	width: 836px;
	margin: 10px 0px 10px 0px;
	text-align : center;
}

#menu ul {
    padding-top : 11px;  
    text-align: center; 
    list-style-type: none; 
}

#menu li {
	display: inline; 
	padding-right :20px;
}

#menu li a {
	color :  #898989;
	text-decoration : none;
	border:  none;
	font-size : 14px;
	letter-spacing : 1px;
}

#menu li a:hover {
	text-decoration: underline;
	border-bottom : none;
}

/* --------------------- 
         Wrapper 
--------------------- */
 #top{
	background: url(images/top-content.jpg) no-repeat;
	width: 836px;
	height: 5px;
}

#wrapper {
	background: url(images/content.jpg) repeat-y;
	width: 836px;
	position : relative;
}

#bot{
	background: url(images/bottom-content.jpg) no-repeat;
	width: 836px;
	height: 7px;
	clear: both;
	margin-bottom: 10px;
}

.post { /* Conteneur de l'article */
	padding : 5px 0 22px;
	width: 800px;
	text-align: center;
	margin: auto;
	min-height: 300px;
}




.title { /* Titre de l'article */
	color : #949494;
	font-size : 1.4em;
	padding : 4px 0;
	letter-spacing : 2px;
}
.title a { /* Lien sur le titre de l'article */
	color : #949494;
	text-decoration: none;
}
.title a:hover {
	color : #d9d9d9;
	text-shadow: #d9d9d9 0px 0px 2px;
}
.post-info {
	background : url("img/info.gif") no-repeat 0 4px;
	padding : 0 0 8px 20px;
}
.feed_article {
	padding : 0 0 0 25px;
	background : url("img/feed-icon-14x14.gif") no-repeat 210px 0.3em;
	text-align : center;
}
.comment_nb {
	float : right;
	background : url("img/comment.gif") no-repeat 0 6px;
	padding : 4px 4px 0 20px;
}
#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	padding : 25px 0 10px 0;
}


/* ---------------------
Pied de page (#footer)
--------------------- */
#footer{
	background: url(images/foot.jpg) no-repeat;
	text-align: center;
	color: #6f6f6f;
	font-size: 14px;
	padding-top: 10px;
	height: 40px;
	width: 836px;
	position : relative;
    clear: both;
    cursor: default;
}

#footer p{
	display: inline;
	width: 393px; 
	margin: auto;
	text-align: center;
}