/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à
 * layout-gauche.css
 */

@import "layout.css";
@import "style2008.css";
@import "sutpd.css";
/* @import "layout-gauche.css"; */

/* Gestionnaire de thème
-------------------------------------------------------- */
#themer, #themer form, #themer p {
margin:0px;
padding:0px;
margin-top:15px;
}
#themer{
}
#themer fieldset {
border: none;
}
#themer legend, #themer label {
display: none;
}
#themer h2 {

}
#themer select {
}
#themer option {
}
#themer input {
}
#themer p {
}

/* Gestionnaire de recherche
-------------------------------------------------------- */
#search, #search form, #search p {
display: block;
position:relative;
padding:0px;
margin:0px;
color: #FFFFFF;
}
#search fieldset {
border: none;
}
#search legend {
display: none;
}
#search label {
}
#search h2 {
}
#search select {
}
#search option {
}
#search input {
}
#search p {
}

/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	color: #000;
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(img/banniere.jpg) no-repeat center top;
}

h1{font-size: 1.5em;margin: 1px;}
h2{font-size: 1.4em;margin: 1px;}
h3{font-size: 1.3em;margin: 1px;}
h4{font-size: 1.2em;margin: 1px;}
h5{font-size: 1.1em;margin: 1px;}
h6{font-size: 1em;}

a{
	color: #000;
}

a:visited{
	color: #000;
}

a:hover{
	color: #636;
}

table
{
border: medium solid #000000;
border-collapse: collapse;
width:780px;
}
th 
{
border: thin solid #000000;
text-align: center;
}
td
{
border: thin solid #000000;
text-align: center;
}

/* La page
-------------------------------------------------------- */
#page{
	top:257px;
	color: inherit;
}

#onglet-lien{
	background: url(img/merde.gif) no-repeat center top;
	width:40px;
	height:200px;
	display:block;
	position:absolute;
	top:337px;
	left:50%;
	margin:0px;
	padding:0px;
	margin-left:501px;
	z-index:1;
}

#onglet-lien a{
        display:block;
	background:  url(img/merde.gif) no-repeat center top;
	width:40px;
	height:200px;
}


#onglet-lien a:hover{
	background: url(img/merde-on.gif) no-repeat center top;
}

#onglet-lien a:visited{
}


/* L'entête
-------------------------------------------------------- */
#top{
}

#top h1{
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 40px;
	padding-top: 20px;
	color: #FFFFFF;
}

#top h1 a{
        display:none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Le menu du haut
-------------------------------------------------------- */
.topmain{
        display:block;
	padding:0px;
	margin:0px;
	padding-top:3px;
	padding-left:0px;
        width:1000px; /*820*/
        height:37px;
        text-align:center;
	background-image: url(img/top-main.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.unetoilepourdeux.fr/themes/default/img/top-main.png');
	color:#000000;
}

.topmain-content{
        display:block;
        position:relative;
        width:100%;
	padding:0px;
	margin:0px;
        text-align:center;
}

.search{
	padding:0px;
	margin:0px;
}

/* Le contenu
-------------------------------------------------------- */
.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}

.colpost2
{
  width:660px;
  float:left;
}

.colpost3
{
  width:990px;
  float:left;
}

.post-page{
	background-color:#FFF6E9;
        margin: 0px;
        margin-bottom: 8px;
	padding:4px;
	border-width:1px;
	border-style:solid;
	border-color:#777777;
}

.post,.post2,.post3,.post4,.post5,.post6,.post7{
	background-color:#FFF6E9;
        width: 322px; /* 375 */
        margin: 0px;
        margin-bottom: 8px;
	padding:0px;
	border-width:1px;
	border-style:solid;
	border-color:#770000;
	float:left;
}

.post6,.post7{
	background-color:#DFC7A4;
}

.post,.post6{
	margin-right: 6px;
	height:320px;
}

.post2,.post7{
	height:320px;
}

.post3{
	width:982px;
}

.post4{
	margin-right: 6px;
	height:40px;
	text-align:center;
}

.post5{
	height:40px;
	text-align:center;
}

html>body .post{
        width: 320px;
	margin-right: 8px;
}
html>body .post6{
        width: 320px;
	margin-right: 8px;
}
html>body .post2{
        width: 320px;
}
html>body .post7{
        width: 320px;
}
html>body .post3{
	width:980px;
}
html>body .post4{
        width: 320px;
	margin-right: 8px;
}
html>body .post5{
        width: 320px;
}

.post4 h2,.post5 h2{
	color: #D9861A;
	margin: 0 0 0 0;
}

.post-title{
	color: #FF1616;
	/*height:50px; */
	background: transparent;
	/*background-color: #0000FF ;*/
	margin: 0px;
	margin-bottom: 4px;
	/*border-width:0px;
	border-bottom:1px;
	border-style:solid;
	border-color:#770000;*/
}

.post-title a{
	color: #FF1616;
	background: transparent;
	text-decoration: none;
}

.post-title a:visited{
	color: #FF1616;
}

.post-info{
	margin-top: 0;
	color: #FA0;
	background: transparent;
	padding-bottom: 1ex;
}

.post-info a{
	color: #FA0;
	background: transparent;
	text-decoration: none;
}

.post-info a:visited{
	color: #FA0;
}

.post-content, .post-content-index,.post-article{
        min-height:95px;
}
.post-content-index,.post-article{
        margin:5px;
	text-indent:15px;
	text-align: justify;
}

.post-content,.post-content-index{
        clear:both;
}

.post-type{
display:block;
float:left;
width:50px;
height:95px;
margin:0px;
padding:0px;
}

.post-article{
        min-height:95px;
        overflow:auto;
}

.post-comment{
    display:block;
    position:relative;
    padding:4px;
    padding-top:0;
    padding-bottom:0;
}

.post-body{
    display:block;
    height:290px;
    position:relative;
    padding:4px;
    padding-bottom:0;
}

.post-signature{
	font-family: "Trebuchet MS", sans-serif;
	font-style: bold;
	font-size: 1.2em;
	color: #FF1616;
	display:block;
	position:relative;
	text-align: right;
        margin:5px;
}

.post-content blockquote{
	text-indent:15px;
	text-align: justify;
        margin:0px;
        margin-bottom:10px;
}

.post-chapo {
	text-indent:15px;
	text-align: justify;
        clear:both;
        margin:5px;
}

.post-affiche {
        position:relative;
        display:inline;
        float:left;
        margin:5px;
}

.post-data {
        position:relative;
        display:inline;
}

.post-entete-film {
        display:block;
}

.post-entete {
        display:none;
}

.post-info-co{
        display: inline;
	text-align:right;
        float:left;
        margin:5px;
}

.post-verdict,.post-verdict-dvd{
        background-color:#FFFFFF;
        border-style:inset;
        border-width:3px;
        margin:10px;
        padding:5px;
        height:115px;
        width:350px;
        float:left;
}

.post-verdict-dvd{
        width:370px;
}

.post-note-visiteur{
        display:block;
        margin-left:15px;
        vertical-align:middle;
}

#sort-menu-cat,#sort-menu-year,#sort-menu-top{
        width:1000px;
	height:26px;
        margin:0;
	margin-left: -8px;
	padding: 0;
	background: url(img/bouton2.gif) ;
}

#sort-menu-year{
        width:996px;
        padding-left:4px;
}


#sort-menu-cat ul,#sort-menu-year ul,#sort-menu-top ul{
	margin: 0;
	padding: 0;
}


#sort-menu-cat li, #sort-menu-year li,#sort-menu-top li{
	margin: 0;
	padding: 0;
	list-style: none;
	display:block;
	float:left;
}

#sort-menu-cat a, #sort-menu-year a,#sort-menu-top a{
	display:block;
	width:200px;
	height:22px;
	padding:0;
	margin:0;
	padding-top:4px;
	text-align:center;
	text-decoration:none;
	background: url(img/bouton2.gif) ;
}

#sort-menu-cat a:hover, #sort-menu-year a:hover,#sort-menu-top a:hover{
	background: url(img/bouton2-on.gif) ;
}

#sort-menu-year a{
	width:62px;
}

#sort-menu-top a{
	width:83px;
}

#sort-content{
}

#sort-menu{
}

#comments{
        background-color:#FCF8EE;
	margin-bottom: 1em;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#777777;
}

#ajoutcomments{
        background-color:#E2D2C3;
	margin-bottom: 1em;
	padding:5px;
	border-width:1px;
	border-style:solid;
	border-color:#777777;
}



#trackbacks{
        display:none;
}

#trackbacks blockquote, #comments blockquote{
        background-color:#FFFFFF;
	border: 1px solid #EEE;
	margin: 2px;
	padding: 2px;
}


/* Le pied de page
-------------------------------------------------------- */
#pagination{
        clear:both;
}

#footer{
        display:block;
	margin: 0;
	margin-top:15px;
	color: #666;
	text-align:center;
}

#footer a{
	color: #999;
} 

/* Classement
-------------------------------------------------------- */
.classement-film{
	text-indent:0px;
        display:block;
        background-color:#FFFFFF;
        border-style:solid;
        border-width:1px;
        margin:10px;
        padding:0px;  
        width:962px;
        height:150px;
}
.classement-place{
        display:block;
        background-color:#FFFEC7;
        border-style:solid;
        border-width:0px;
        border-right-width:1px;
        margin:0px;
        padding:0px;
        width:50px;
        float:left;
        height:150px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 40px;
        text-align:center;
}
.classement-photo{
        display:block;
        border-style:solid;
        border-width:0px;
        border-right-width:1px;
        margin:0px;
        padding:0px;
        float:left;
        width:200px;
        height:150px;
}
.classement-content{
        display:block;
        overflow:none;
        border-width:0px;
        margin:0px;
        padding:5px;
        float:left;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        width:480px;
        height:140px;
}
.classement-content h2{
	font-size: 150%;
	color:#FF0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.classement-film-mini{
	text-indent:0px;
        display:block;
  	float:left;
        background-color:#FFFFFF;
        border-style:solid;
        border-width:1px;
        margin:10px;
        padding:0px;
        width:470px;
        height:80px;
}
.classement-place-mini{
        display:block;
        background-color:#FFFEC7;
        border-style:solid;
        border-width:0px;
        margin:0px;
        padding:0px;
        width:20px;
        float:left;
        height:80px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-align:center;
}
.classement-photo-mini{
        display:block;
        border-style:solid;
        border-width:0px;
        margin:0px;
        padding:0px;
        float:left;
        width:60px;
        height:80px;
}
.classement-content-mini{
        display:block;
        overflow:none;
        border-width:0px;
        margin:0px;
        padding:5px;
        float:left;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        width:380px;
        height:70px;
}
.classement-content-mini h2{
	font-size: 120%;
	color:#FF0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}