/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

html, body {
margin:0; padding:0;
}

body {
background:#EFEFEF;
color:#1C1F21;
font-size:0.8em;
}

a, a.spip_in, a.spip_out {
color:#618D4B;
}

img, table {margin:0; padding:0;border:none;}

h1, h2, H3, h4, h5, h6, p {margin:0; padding:0; font-size:1em; font-weight:normal;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {
    margin:10px auto;
    padding:0;
    width:800px;
    }

#entete {
    margin:0;
    padding:0;
    height:80px;
    }

.conteneur {
    margin:10px 0 0 0;
    padding:0 0 10px 0;
    }

#blogs {
    float:left;
    margin:10px 0 0 0;
    padding:0 0 10px 0;
    width:490px;
    height:280px;
    }

#interne {
    margin:10px 0 0 500px;
    padding:0 0 10px 0;
    height:280px;
    }

#pied {
    clear:both;
    margin:10px 0;
    padding:0 0 0 20px;
    height:130px;
    }

/*  ------------------------------------------
/*  Bloc #entete et descendants
/*  ------------------------------------------ */

#entete h1 {
    float:left;
    }

#entete h1 a {
    display:block;
    margin:0; padding:0;
    width:330px;
    height:80px;
    text-indent:-9000px;
    }


/*  Habillage du menu
/*  ------------------------------------------ */

#menu {
    margin:0;
    padding:0;
    list-style:none;
    }

#menu li {
    float:left;
    }

#menu li a {
    display:block;
    margin:0;
    padding:30px 20px 0 20px;
    height:50px;
    }


/*  ------------------------------------------
/*  Bloc .conteneur et descendants
/*  ------------------------------------------ */

.conteneur #televiseur {
    float:left;
    margin:0;
    padding:10px;
    }

.conteneur #infos_televiseur {
    margin:0 0 0 430px;
    padding:0 10px;
    }

.docs {
    float:left;
    margin:0;
    padding:10px 30px;
    }

/* Cadres flottants pour les images
/* ------------------------------------------- */

.photo {float:right;margin:0; padding:10px;}


/*  ------------------------------------------
/*  Bloc #pied et descendants
/*  ------------------------------------------ */


#pied .infos_pied {
    float:left;
    margin:0; padding:30px 40px;
    }


/* Espaceur de blocs */
.nettoyeur { display:block; clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
    


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo principale et contenus */
#body, .conteneur, #blogs, #interne {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    }

/* Typo pour entete, pied et titraille */
#entete, h3.spip, .conteneur h2, .infos_pied h3, .infos_pied ul, #blogs h2, #interne h2 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, .voirskel {
	font-family: Georgia, Times, serif; }



/*  Tailles des polices
/*  ------------------------------------------ */



#entete #menu {
    font-size:1.2em;
    text-transform:uppercase;
    }
    
.conteneur, #blogs {
    font-size:1em;
    }

#interne {font-size:1em}

.conteneur #infos_televiseur, .docs {
    font-size:0.85em;
    }
    

.docs {text-align:center;}

.infos_pied ul {font-size:0.85em;font-weight:bold;}

/*  Titraille
/*  ------------------------------------------ */
    
.conteneur h2, #blogs h2, #interne h2 {
    color:#FFF;
    }    

.conteneur #infos_televiseur h3 {
    padding-left:0;
    text-transform:none;
    font-size:1em;
    font-weight:bold;
    }

.conteneur h3 {
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    text-align:left;
    text-transform:uppercase;
    font-size:1.1em;
    font-weight:normal;
    color:#0081A6;
    border-bottom:1px dashed #0081A6;
    }

#pied .infos_pied h3 {
    text-transform:uppercase;
    font-size:0.9em;
    color:#77A650;
    }

/*  Formatage des contenus
/*  ------------------------------------------ */

p.descriptif_article, #blogs p {
    float:left;
    margin:10px 15px;
    padding:0 2px;
    width:164px;
    text-align:center;
    }

#blogs p {
    margin:10px 40px;
    padding:0;
    }

#interne ul {
    margin:30px 0;
    padding:0;
    list-style:none;
    }

p.spip, p.chapo {
    margin:0;
    padding:10px;
    }

p.centrer, p.laisser_com {
    margin:0;
    padding:10px 10px 5px 10px;
    text-align:center;
    }

p.alaplace {
    margin:0;
    padding:20px 0;
    }

p.laisser_com {text-transform:uppercase;}

.infos_pied ul {margin:0; padding:0; list-style:none;}

/*  ------------------------------------------
/*  Habillage des contenus
/*  ------------------------------------------ */

#entete {
    background:url(images/entete.jpg) no-repeat top center #77A650;
    }

.conteneur {
    background:url(images/conteneur_bas.gif) no-repeat bottom center #FFF;
    }

.conteneur h2 {
    margin:0; padding:0 0 0 10px;
    height:40px;
    line-height:40px;
    background:url(images/conteneur_haut.gif) no-repeat top left #0081A6;
    }

#blogs {
    background:url(images/blog_bas.gif) no-repeat bottom center #FFF;
    }

#blogs h2 {
    margin:0; padding:0 0 0 10px;
    height:40px;
    line-height:40px;
    background:url(images/blog_haut.gif) no-repeat top left #0081A6;
    }

#interne {
    background:url(images/interne_bas.gif) no-repeat bottom center #FFF;
    }

#interne h2 {
    margin:0; padding:0 0 0 10px;
    height:40px;
    line-height:40px;
    background:url(images/interne_haut.gif) no-repeat top left #0081A6;
    }

p.chapo {
    font-weight:bold;
    color:#0081A6;
    }

.conteneur img, #blogs img {border-left:1px solid #000;border-right:1px solid #000;border-top:10px solid #000;border-bottom:10px solid #000;}

.docs img {border:none;}

p.spip img.image_filtree {border:none;}

#pied {
    background:url(images/pied.jpg) no-repeat bottom center #FFF;
    }

/*  Bloc .conteneur quand video
/*  ------------------------------------------ */

span.titre, span.surtitre, span.introduction {
    display:block;
    margin:0; padding:0;
    font-size:0.8em;
    }

.titre {text-transform:uppercase;font-weight:bold;}

.surtitre {color:#0081A6;}

.introduction {color:#000;}

/*  ------------------------------------------
/*  Habillage des liens
/*  ------------------------------------------ */

#menu a {
    text-decoration:none;
    color:#000;
    }

#menu a:hover {
    border-top:5px solid #000;
    }

.autres_films a {
    display:block;
    margin:0 0 2px 0;
    padding:14px 10px;
    background:#BCDCE1;
    color:#1C1F21;
    text-decoration:none;
    }

.autres_films a:hover {
    background:#0081A6;
    color:#FFF;
    }

.descriptif_article a, #blogs p a {
    display:block;
    margin:0;
    padding:5px;
    text-decoration:none;
    text-align:left;
    }

.descriptif_article a:hover {
    background:#BCDCE1;
    }

#blogs p a:hover {
    background:#F8C35D;
    }

#interne ul li a {
    display:block;
    margin:0;
    padding:10px;
    text-decoration:none;
    }

#interne ul li a:hover {
    background:#FD9566;
    }

.infos_pied a {text-decoration:none;}

.infos_pied a:hover {text-decoration:underline;}

/*  ------------------------------------------
/*  Habillage des commentaires
/*  ------------------------------------------ */


.coms {
    margin:5px 50px;
    padding:10px;
    border:1px solid #BCDCE1;
    font-size:0.85em;
    }

.titre_coms span {
    color:#000;
    text-transform:none;
    font-size:0.85em;
    }


.formulaire_forum {
    margin:10px 80px;
    }