/* ***** 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 "layout-gauche.css"; */
/* Les éléments HTML en général
-------------------------------------------------------- */
body {
    background: white;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal
    }
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif
    }
h1 {
    font-size: 1.5em
    }
h2 {
    font-size: 1.4em
    }
h3 {
    font-size: 1.2em
    }
h4 {
    font-size: 1.1em
    }
h5 {
    font-size: 1em
    }
h6 {
    font-size: 0.9em
    }
pre, code {
    font-size: 1.2em
    }
pre {
    width: 100%;
    overflow: auto;
    border: 1px solid #CCC
    }
fieldset {
    border: none
    }
label {
    cursor: pointer;
    cursor: hand
    }
.field label {
    display: block
    }
input, textarea {
    border: 1px solid #999
    }
input .image {
    border: none
    }
textarea {
    width: 100%;
    font-size: 1em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif
    }
a {
    color: #0571BA
    }
.left {
    float: left;
    margin-right: 1em
    }
.right {
    float: right;
    margin-left: 1em
    }
img {
    border: 0
    }
.fleft {
    float: left
    }
.fright {
    float: right
    }
br.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0
    }
/* La page
-------------------------------------------------------- */
#page {
    background: #fff;
    color: inherit
    }
/* L'entête
-------------------------------------------------------- */
#top {
    height: 90px;
    background-color: #ee88b2;
    /*margin:2px; */
    }
#top .logo {
    float: left;
    width: 269px;
    height: 100%;
    background-color: #ec82b2;
    text-align: center
    }
#top .pub {
    float: right;
    height: 100%
    }
/* L'entête pour twingo
-------------------------------------------------------- */
#top_twingo {
    height: 90px;
    background: url(/skins/header/bg_twingo.jpg) top right;
    /*margin:2px; */
    }
#top_twingo .logo {
    float: left;
    width: 269px;
    height: 100%;
    background-color: #ec82b2;
    text-align: center
    }
#top_twingo .pub {
    float: right;
    height: 100%
    }
/* L'entête maria callas
-------------------------------------------------------- */
#top_callas {
    position: relative;
    height: 183px;
    background: url(/skins/header/bg_callas.jpg);
    /*margin:2px; */
    }
#top_callas img.logo {
    display: block;
    position: absolute;
    top: 99px;
    left: 270px;
    width: 260px;
    height: 84px;
    margin: 0;
    padding: 0;
    border: none
    }
#top_callas .pub {
    float: right;
    height: 100%
    }
/* FORMS */
#forms {
    width: 1004px;
    /* modif taille*/
    height: 40px;
    margin: 0
    }
#forms .noborder {
    border: 0
    }
#search {
    float: left;
    width: 677px;
    margin-right: 1px;
    height: 100%;
    background-color: #fff1f8
    }
#newsletter {
    float: left;
    width: 326px;
    /* modif taille*/
    height: 100%;
    background-color: #ffeaf4
    }
#forms .titre {
    float: left;
    padding-left: 10px
    }
#forms .inputs {
    float: left;
    margin-top: 10px
    }
#forms .ok {
    float: left;
    margin: 10px 0 0 10px
    }
#forms .favoris {
    float: right;
    margin-top: 4px;
    padding-right: 5px
    }
#forms .inputTexte {
    border-top: 2px solid #404040;
    border-right: 2px solid #F2F0EE;
    border-bottom: 2px solid #F2F0EE;
    border-left: 2px solid #75736E
    }
#comment-form {
    width: 475px
    }
/* NAV */
#nav {
    width: 1004px;
    /* modif taille*/
    height: 37px;
    margin: 0;
    padding: 0;
    /*padding-bottom:1px;*/
    /*margin:2px 1px -2px 1px; */
    }
#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
    }
ul.nav_img {
    width: 1004px;
    height: 37px;
    margin: 0;
    padding: 0;
    background-color: #ece4ed
    }
#nav > ul.nav_img {
    /* pour decalage firefox sous le menu de navigation */
    height: 36px
    }
/* ----------------------------------- */
#theme1 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme1 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme2 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme2 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme3 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme3 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme4 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme4 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme5 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme5 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme6 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme6 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme7 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme7 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
#theme9 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
    }
#nav > ul.nav_img > #theme9 {
    /* annule la bordure blanche à cause du decalage sur firefox */
    border-bottom: none
    }
/* ----------------------------------- */
.nav_img li {
    float: left;
    /*margin-right:1px; a virer si probleme*/
    }
.nav_img li a {
    float: left
    }
.nav_club {
    float: left;
    background-color: #ece3ec;
    width: 200px;
    height: 38px
    }
/* SOUS-NAV */
.submenu {
    display: none;
    clear: both;
    position: absolute;
    z-index: 100;
    margin-top: 35px;
    text-align: left;
    width: 107px;
    background-color: #FFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 1px solid #FFF;
    border-top: none;
    padding: 5px 0
    }
.submenu li {
    padding-left: 10px;
    margin-left: 5px;
    width: 92px;
    clear: both;
    display: block
    }
.submenu a:link, .submenu a:visited {
    text-decoration: none
    }
/*sous menu "mon club"*/
.submenuclub {
    display: none;
    clear: both;
    position: absolute;
    z-index: 100;
    margin-top: 35px;
    text-align: left;
    width: 119px;
    background-color: #FFF;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 1px solid #FFF;
    border-top: none;
    padding: 5px 0
    }
.submenuclub li {
    padding-left: 10px;
    margin-left: 5px;
    width: 98px;
    clear: both;
    display: block
    }
.submenuclub a, a:link, .submenu a:visited {
    text-decoration: none;
    /*color:#722569;*/
    }
#submenu-theme1 {
    border-color: #000
    }
#submenu-theme1 li {
    background: url(/skins/header/puce_mode.gif) no-repeat 0 7px
    }
#submenu-theme1 a:link, #submenu-theme1 a:visited {
    color: #000
    }
#submenu-theme2 {
    border-color: #81c1f2
    }
#submenu-theme2 li {
    background: url(/skins/header/puce_beaute.gif) no-repeat 0 7px
    }
#submenu-theme2 a:link, #submenu-theme2 a:visited {
    color: #81c1f2
    }
#submenu-theme3 {
    border-color: #0b8496
    }
#submenu-theme3 li {
    background: url(/skins/header/puce_forme.gif) no-repeat 0 7px
    }
#submenu-theme3 a:link, #submenu-theme3 a:visited {
    color: #0b8496
    }
#submenu-theme4 {
    border-color: #ff9c00
    }
#submenu-theme4 li {
    background: url(/skins/header/puce_deco.gif) no-repeat 0 7px
    }
#submenu-theme4 a:link, #submenu-theme4 a:visited {
    color: #ff9c00
    }
#submenu-theme5 {
    border-color: #f04c2b
    }
#submenu-theme5 li {
    background: url(/skins/header/puce_bienvivre.gif) no-repeat 0 7px
    }
#submenu-theme5 a:link, #submenu-theme5 a:visited {
    color: #f04c2b
    }
#submenu-theme6 {
    border-color: #df71a6
    }
#submenu-theme6 li {
    background: url(/skins/header/puce_people.gif) no-repeat 0 7px
    }
#submenu-theme6 a:link, #submenu-theme6 a:visited {
    color: #df71a6
    }
#submenu-theme7 {
    border-color: #bc438f
    }
#submenu-theme7 li {
    background: url(/skins/header/puce_people.gif) no-repeat 0 7px
    }
#submenu-theme7 a:link, #submenu-theme7 a:visited {
    color: #bc438f
    }
#submenu-theme8 {
    border-color: #722569
    }
/*forcer taille dernier block*/
#submenu-theme8 li {
    background: url(/skins/header/puce_club.gif) no-repeat 0 7px
    }
#submenu-theme8 a /*#submenu-theme6 a:visited*/ {
    color: #722569
    }
#submenu-theme9 {
    border-color: #d62000
    }
#submenu-theme9 li {
    background: url(/skins/header/puce_people.gif) no-repeat 0 7px
    }
#submenu-theme9 a:link, #submenu-theme9 a:visited {
    color: #d62000
    }
/* FLASH */
#flash_club {
    margin: 0;
    width: 676px
    }
#flash {
    float: left;
    width: 676px
    }
/* FLASH habillage Maria Callas */
#block_callas {
    margin: 0;
    width: 676px
    }
#flash_callas {
    float: left;
    width: 676px
    }
/* ESPACE CLUB */
#club {
    float: right;
    background-color: #ece3ec;
    width: 322px;
    height: 246px;
    padding: 0;
    margin: 0
    }
#club a {
    text-decoration: none
    }
#club a:hover {
    text-decoration: underline
    }
#club .item {
    clear: both;
    background-color: #FFF;
    margin: 6px 0 0 6px;
    padding: 1px;
    width: 304px;
    height: 72px;
    border: 1px solid #f4eef4
    }
#club .item .fleft {
    float: left;
    width: 79px;
    height: 72px
    }
#club .item .droite {
    float: left;
    width: 200px;
    padding: 2px 5px 2px 5px
    }
#club .item .droite h2 a {
    font-size: 11px;
    color: #722569;
    font-weight: bold;
    margin: 0;
    padding: 0
    }
#club .item .droite p a {
    color: #000;
    font-size: 11px
    }
#club .item .droite p a:hover {
    text-decoration: none
    }
#club .club-tabs {
    clear: both;
    padding-top: 8px;
    margin: 0 6px
    }
#club .club-tabs ul {
    margin: 0;
    padding: 0
    }
#club .club-tabs li {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    border: 1px solid #fff
    }
#club .club-tabs li.space {
    width: 3px;
    padding: 0;
    font-size: 0;
    border: 0;
    border-top: 1px solid #ece3ec;
    border-bottom: 1px solid #fff
    }
#club .club-tabs li.selected {
    background-color: #FFF;
    /*border-bottom:1px solid #FFFFFF;*/
    }
#club .club-tabs li a:link, #club .club-tabs li a:visited {
    color: #722569;
    text-decoration: none
    }
#club .club-tabs li a:focus {
    outline: none
    }
#club .club-tabs .title {
    color: #722569;
    font-weight: bold;
    margin-bottom: 5px
    }
#club .club-tabs .content {
    clear: both;
    background-color: #FFF;
    padding: 10px 8px;
    width: 288px;
    /*!width:306px;*/
    height: 107px;
    display: none;
    border: 1px solid #f4eef4;
    border-top: none
    }
/* block pub recette */
#block_recette {
    float: left;
    width: 160px;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0;
    background: #d62000
    }
#block_recette h3 {
    margin: 0 2px 0 2px;
    padding: 0;
    font: bold 11px Arial, Helvetica, sans-serif #fff
    }
#block_recette h3 a {
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0
    }
#block_recette img {
    margin: 0 0 0 2px;
    padding: 0
    }
#block_recette p {
    margin: 0 2px 0 2px;
    padding: 0;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #fff
    }
#block_recette p a {
    text-decoration: underline;
    color: #fff;
    margin: 0;
    padding: 0
    }
#block_recette p.copyright {
    margin: 2px 2px 0 2px;
    padding: 0;
    clear: both;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #fff
    }
#block_recette p.copyright span {
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #c4c4c4
    }
/* INDISPENSABLES */
#col_gauche {
    float: left;
    width: 160px;
    margin: 10px 0
    }
#indisp {
    float: left;
    width: 160px;
    border: solid #d6d6d6 1px;
    margin-top: 2px;
    background-color: #e2f1fc
    }
.indisp_liens {
    margin: 0;
    padding: 0
    }
.indisp_liens li {
    padding: 4px 0 4px 15px;
    background-image: url(/skins/nav_gauche/indisp_fond.gif);
    background-repeat: no-repeat;
    list-style-type: none;
    font-size: 10px
    }
.indisp_liens li a {
    text-decoration: none
    }
.indisp_liens li a:hover {
    text-decoration: underline
    }
/* AIR DU TEMPS */
#rdutps {
    float: left;
    width: 160px;
    text-align: center;
    border: solid #d6d6d6 1px;
    background-image: url(/skins/nav_gauche/rdutps_fond.gif);
    background-repeat: repeat-x;
    margin: 0;
    margin-top: 5px
    }
.rdutps_liste {
    list-style-position: outside;
    list-style-image: url(/skins/nav_gauche/rdutps_puce.gif);
    margin: 10px 15px 30px 20px;
    padding: 0;
    text-align: left
    }
.rdutps_liste li {
    width: 129px
    }
.rdutps_liste li a {
    color: #000;
    font-weight: bold;
    text-decoration: none
    }
.rdutps_liste li a:hover {
    text-decoration: underline
    }
/* Le contenu
-------------------------------------------------------- */
/* --------------------diaporama articles-------------------- */
.labelDiapo {
    position: relative;
    margin: 0 0 0 20px;
    width: 452px;
    height: 30px;
    border: 1px solid black;
    background: #ffe8ff
    }
.labelDiapo p {
    height: 25px;
    margin: 5px 0 0 6px;
    padding: 0 0 0 27px;
    font: bold 1.4em Arial, Helvetica, sans-serif #000;
    background: url(/skins/pictoDiapo.gif) no-repeat top left
    }
.labelDiapo a {
    cursor: pointer;
    color: #000;
    text-decoration: none
    }
.labelDiapo p span {
    display: block;
    position: absolute;
    font: normal 0.7em Arial, Helvetica, sans-serif #000;
    top: 7px;
    right: 5px
    }
.diapo {
    position: relative;
    text-align: left;
    border: 1px solid black;
    padding: 0 0 0 5px;
    margin: 0 26px 0 20px
    }
.diapo a {
    padding: 0;
    margin: 0
    }
.diapo img {
    margin: 5px 5px 0 0;
    border: 1px solid black
    }
/* --------------------fin diaporama articles-------------------- */
.warning {
    color: red;
    font-weight: bold
    }
.day-date {
    display: none;
    /*
    	padding-left: 20px;
    	margin-left: -25px;
    	color: black;
    	background: transparent url(img/day-date.png) no-repeat left center;
    	font-style: italic;
    	*/
    }
.post {
    clear: both
    }
.post-info {
    color: black;
    background: transparent;
    font-size: 12px;
    margin: 0 0 10px 0;
    text-transform: capitalize
    }
.post-info a {
    color: black;
    background: transparent;
    text-decoration: none
    }
.post-title a:hover {
    text-decoration: underline
    }
.post-tag {
    clear: both;
    color: black;
    background: #fefefe;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 5px 2px;
    font-size: 12px;
    margin: 15px 0 10px 0
    }
.post-navArticle {
    position: relative;
    clear: both;
    text-align: left;
    background: #fefefe;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 5px 2px;
    font: normal 12px Arial, Helvetica, sans-serif black;
    margin: 15px 0 10px 0
    }
.post-navArticle span {
    position: absolute;
    display: block;
    text-align: right;
    top: 6px;
    right: 0;
    padding: 0;
    margin: 0
    }
.post-navArticle a {
    text-decoration: none
    }
.post-navArticle a:hover {
    text-decoration: undeline
    }
.post-title {
    clear: both;
    margin: 0;
    color: #F73993;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 0 8px 35px;
    background: transparent url(/skins/fleur.gif) no-repeat left top
    }
.post-title a {
    color: #F73993;
    text-decoration: none
    }
.chapo img {
    float: left;
    margin: 0 10px 10px 0
    }
.post-content {
    text-align: justify
    }
.post-content h2 {
    color: #069
    }
.post-content img.align-left {
    float: left;
    margin: 0 10px 10px 0
    }
.post-content img.align-right {
    float: right;
    margin: 0 0 10px 10px
    }
.post-content blockquote {
    font-family: Georgia, serif;
    font-style: italic
    }
/*music brigade*/
.post-content .brigade {
    height: 37px;
    font-family: Arial, serif;
    text-align: left;
    font-size: 12px;
    background-color: #000;
    color: #F00;
    font-weight: normal;
    padding-right: 10px;
    padding-top: 4px
    }
.post-content .brigade a {
    color: red;
    text-decoration: none
    }
.post-content .brigade img {
    margin: -3px 16px 0 15px;
    float: left
    }
.post-info-co {
    text-align: left
    }
#trackbacks blockquote, #comments blockquote {
    border: 1px solid #EEE;
    margin: 1em 0;
    padding: 1ex 1em;
    width: 475px;
    overflow: hidden
    }
.left-slot {
    float: left;
    text-align: left;
    width: 45%;
    margin-right: 2%;
    margin-top: 15px;
    margin-bottom: 15px
    }
.right-slot {
    float: right;
    text-align: left;
    width: 45%;
    margin-left: 2%;
    margin-top: 15px;
    margin-bottom: 15px
    }
.tag-mode {
    color: #000
    }
.tag-beaute {
    color: #4ea0de
    }
.tag-forme {
    color: #0b8496
    }
.tag-deco {
    color: #ff9c00
    }
.tag-bienvivre {
    color: #f04c2b
    }
.tag-people {
    color: #df71a6
    }
/* La barre de navigation
-------------------------------------------------------- */
#sidebar div {
    color: inherit
    }
#sidebar div ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
#sidebar h2, #sidebar h3 {
    color: #9ED200;
    margin: 0 0 1ex 0
    }
#sidebar h3 {
    font-size: 1em;
    margin: 0
    }
#sidebar div#search {
    background: transparent;
    color: inherit;
    line-height: 2.3em
    }
#search fieldset, #search p {
    margin: 0;
    padding: 0
    }
#sidebar .calendrier {
    /*border-top: 1px solid #F0F0F0;*/
    }
#sidebar .calendrier table {
    font-size: 10px;
    text-align: center;
    margin: 0 auto 10px auto;
    border-collapse: collapse;
    width: 130px
    }
#sidebar .calendrier table caption {
    margin: 0 auto
    }
#sidebar .calendrier table th {
    color: #247CC1;
    background: transparent
    }
#sidebar .calendrier table td {
    width: 10px !important;
    width: 14%;
    line-height: 15px;
    border: 1px solid #EEE
    }
#sidebar .calendrier table td a {
    display: block;
    background: #D8ECFB;
    color: #247CC1;
    font-weight: bold;
    text-decoration: none
    }
#sidebar .calendrier table td a:hover {
    background: #D8ECFB;
    color: red
    }
#sidebar #pub_droite {
    position: relative;
    margin: 0;
    padding: 10px 0;
    width: 322px;
    /*height:250px;*/
    text-align: center;
    background: #ede6ed url(/skins/fade_pink_h180.jpg) repeat-x bottom
    }
/* RUBRIQUES (COLONNE DE DROITE) */
#rubriques {
    margin: 0;
    float: left;
    width: 322px
    }
#rubriques .titres {
    text-align: right
    }
#rubriques .categories {
    background-color: #ededed;
    width: 150px;
    padding: 7px 1px
    }
#rubriques .categories a {
    color: #862B7A;
    text-decoration: none
    }
#rubriques .categories a:hover {
    text-decoration: underline
    }
#rubriques .categories ul {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0 0 5px
    }
#rubriques .categories ul li {
    background: url(/skins/categorie_puce.gif) no-repeat 0 7px;
    padding-left: 10px
    }
#rubriques .categories ul ul {
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    padding: 0 0 10px 0
    }
#rubriques .categories ul ul li {
    background: none;
    padding: 0
    }
#rubriques .categories ul ul li {
    background: url(/skins/souscategorie_puce.gif) no-repeat 0 8px;
    padding-left: 5px
    }
.forum_rubriques {
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    text-decoration: none;
    padding: 0 0 3px 0
    }
#rubriques .calendrier {
    background-color: #d8ecfb;
    width: 155px;
    margin-bottom: 10px;
    text-align: center;
    padding: 7px 1px
    }
#rubriques .archives {
    background-color: #f8e5ee;
    width: 155px;
    margin-bottom: 10px;
    padding: 7px 1px
    }
#rubriques .archives a {
    color: #CD2C7A;
    text-decoration: none
    }
#rubriques .archives a:hover {
    text-decoration: underline
    }
#rubriques .archives ul {
    font-size: 11px
    }
#rubriques .archives ul li {
    background: url(/skins/archives_puce.gif) no-repeat 7px 10px;
    padding: 2px 0 2px 15px;
    border-bottom: 1px solid #F8E5EE
    }
#rubriques dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
#rubriques .filrss {
    background-color: #fff;
    width: 322px;
    padding: 5px 0 7px 0;
    border-top: 7px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    border-left: 1px solid #EDEDED;
    border-bottom: 7px solid #EDEDED
    }
#rubriques .menu_rss {
    float: left;
    display: inline;
    width: 156px;
    margin: 0 0 0 3px
    }
#rubriques .menu_rss dt {
    cursor: pointer;
    margin: 4px 0 0 0;
    border-bottom: 1px solid #b5b5b5;
    text-align: left;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #656565
    }
#rubriques .menu_rss dt img {
    margin: 0 2px 0 0
    }
#rubriques .menu_rss dd {
    position: absolute;
    z-index: 100;
    margin: -2px 0 0 25px;
    width: 93px;
    background: #EDEDED;
    border: 1px solid #b5b5b5
    }
#rubriques .menu_rss ul {
    padding: 0;
    margin: 0
    }
#rubriques .menu_rss li {
    width: 91px;
    padding: 0;
    margin: 0
    }
#rubriques .menu_rss li img {
    padding: 0;
    margin: 0 0 0 1px
    }
#rubriques .menu_rss li a, .menu_rss dt a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 91px
    }
#rubriques .menu_rss li a:hover {
    text-decoration: underline
    }
#rubriques p.aide_rss {
    clear: both;
    margin: 0 0 0 6px;
    padding: 5px 0 0 0;
    text-align: left
    }
#rubriques p.aide_rss a {
    text-decoration: none;
    color: #656565
    }
#rubriques p.aide_rss a:hover {
    text-decoration: underline
    }
/* --------------------
#rubriques .wideo
{	background-color:#722569; 
	width:322px; 
	margin-bottom:10px; 
	padding: 7px 1px; 
 }	---------------------- */
#rubriques .wideo {
    background-color: #722569;
    width: 322px;
    margin-bottom: 10px;
    padding: 7px 1px
    }
#rubriques .wideo h2 {
    color: #722569;
    font-size: 12px;
    margin: 0 0 0 11px;
    padding: 3px 0 4px 0
    }
#rubriques .wideo object {
    margin: 0 0 4px 11px;
    padding: 0
    }
#rubriques .wideo p {
    text-align: right;
    color: #000;
    margin: 0 11px 0 0;
    padding: 0 0 3px 0
    }
#rubriques .wideo a {
    color: #000;
    text-decoration: none
    }
#rubriques .jeux {
    width: 320px;
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    border-top: 7px solid #f1dae9;
    border-right: 1px solid #f1dae9;
    border-left: 1px solid #f1dae9;
    border-bottom: 7px solid #f1dae9
    }
#rubriques .jeux h3 {
    margin: 5px 0 0 0;
    padding: 5px 10px 0 8px;
    font-size: 15px
    }
#rubriques .jeux h3.borderTop {
    border-top: 1px solid #ccc
    }
#rubriques .jeux h3 a {
    text-decoration: underline;
    color: #bc438f
    }
#rubriques .jeux a.download img {
    display: block;
    border: 1px solid #000;
    margin: 5px 0 0 8px
    }
#rubriques .jeux a.efarm {
    margin: 2px 0 0 8px
    }
#rubriques .jeux ul {
    font-size: 11px;
    text-align: left;
    padding: 5px 0
    }
#rubriques .jeux ul li {
    margin: 0 3px;
    background: url(/skins/jeux_puce.gif) no-repeat 7px 9px;
    padding: 2px 0 2px 15px
    }
#rubriques .jeux ul li a:link, #rubriques .jeux ul li a:visited {
    color: #bc438f;
    text-decoration: none
    }
#rubriques .jeux .une a:link, #rubriques .jeux .une a:visited, #rubriques .jeux .une a:hover {
    text-decoration: none
    }
#rubriques .jeux .une strong {
    color: #bc438f;
    font-size: 11px;
    font-weight: bold
    }
#rubriques .jeux .une-left {
    float: left;
    width: 150px;
    padding: 0 0 0 8px
    }
#rubriques .jeux .une-right {
    float: right;
    width: 158px;
    margin: 0 0 0 2px
    }
#rubriques .jeux .une-left img {
    border: 1px solid #000;
    margin: 5px 0 0 0
    }
#rubriques .jeux .une-right img {
    border: 1px solid #000;
    margin: 5px 0 0 0
    }
#rubriques .jeux p {
    color: #030303;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 5px 0
    }
#rubriques .jeux p a {
    color: #030303;
    font-size: 10px;
    text-decoration: none
    }
#rubriques .jeux p a:hover {
    text-decoration: underline
    }
#rubriques .gallerieshopping {
    background-color: #cdd799;
    width: 322px;
    margin-bottom: 10px;
    padding: 7px 1px;
    /*overflow: none;*/
    }
/* tag cloud */
#rubriques .tagcloud {
    clear: both;
    padding: 5px;
    background-color: #d8ecfb;
    width: 322px;
    padding: 7px 1px
    }
#rubriques .tagcloud ul {
    padding: 2px
    }
#rubriques .tagcloud li {
    display: inline;
    font-family: verdana;
    padding: 2px;
    margin: 2px
    }
#rubriques .tagcloud li a:link, #rubriques .tagcloud li a:visited {
    color: #5a9cd0;
    text-decoration: none
    }
#rubriques .tagcloud li a:hover {
    text-decoration: underline
    }
#rubriques .tagcloud li.level-1 {
    font-size: 9px
    }
#rubriques .tagcloud li.level-2 {
    font-size: 16px
    }
#rubriques .tagcloud li.level-3 {
    font-size: 20px
    }
#rubriques .tagcloud li.level-4 {
    font-size: 22px
    }
#rubriques .tagcloud li.level-5 {
    font-size: 28px
    }
#rubriques .fondblanc {
    margin: 0;
    background-color: #FFF;
    width: auto;
    height: auto;
    padding: 0
    }
.pagenav {
    font-size: 12px;
    text-align: right
    }
.pagenav a:link, .pagenav a:visited {
    font-size: 11px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding: 0 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
    background-color: #eee
    }
.pagenav a:hover {
    border-top: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc
    }
.post-tools {
    /*clear:both;*/
    text-align: right;
    margin: 15px 0
    }
.post-tools img {
    text-align: right;
    margin: 0 5px
    }
.post-chapo img {
    display: none
    }
.chevron {
    font-family: arial;
    font-size: 9px;
    color: #0571ba
    }
.lien-forum {
    display: block;
    width: 120px;
    float: right;
    text-align: left;
    background: #fff url(/skins/img_forum-en-ville.png) no-repeat 0 0;
    border-left: 5px double #e2c5df;
    border-right: 5px double #e2c5df;
    font-weight: bold;
    padding: 35px 5px 5px 5px;
    margin: 5px 5px 5px 10px;
    line-height: 16px
    }
a.lien-forum:link, a.lien-forum:visited {
    color: #000;
    text-decoration: none
    }
a.lien-forum:hover {
    text-decoration: underline
    }
h1.list-title {
    float: left;
    color: #5a9cd0;
    text-decoration: none;
    font-size: 22px
    }
/* sondage */
#poll {
    clear: both;
    padding: 5px
    }
#poll fieldset, #poll p, #poll form {
    margin: 0;
    padding: 0
    }
#poll p {
    margin: 5px 0
    }
#poll_question {
    font-weight: bold;
    font-size: 12px;
    color: #722569
    }
#poll label input {
    border: 0
    }
#poll input.submit {
    margin: 0 auto;
    width: 30px
    }
p.poll_reponse {
    margin-bottom: 0
    }
div.poll_bar_ext {
    margin: 0;
    padding: 0;
    background: none;
    width: 100px;
    height: 10px;
    text-align: left;
    border: 1px solid #722569
    }
div.poll_bar_int {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    height: 10px;
    background-color: #722569
    }
#col_gauche .sondage {
    background-color: #f8e5ee;
    width: 160px;
    margin-bottom: 3px;
    padding: 7px 1px
    }
#col_gauche .titres {
    text-align: right;
    padding-top: 5px
    }
#col_gauche .fondblanc {
    margin: 0;
    background-color: #FFF;
    width: auto;
    height: 100%;
    padding: 0
    }
.seo-description {
    clear: both
    }
.seo-description a:link, .seo-description a:visited {
    text-decoration: none;
    color: #000
    }
.seo-description a:hover {
    text-decoration: underline
    }
/* Le pied de page
-------------------------------------------------------- */
#footer {
    margin: 0;
    padding: 0;
    background-color: #ededed;
    text-align: center;
    clear: both;
    height: 18px
    }
#footer ul {
    margin: 0;
    padding: 0
    }
#footer li {
    display: inline;
    padding: 0;
    color: #3d3d3d
    }
#footer li a {
    color: #3d3d3d;
    text-decoration: none;
    margin: 0 5px 0 5px
    }
#footer li a:hover {
    text-decoration: underline
    }
.conteneur_images {
    width: 100%;
    display: inline
    }
.nvls_images {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline;
    clear: none
    }
.nvls_images img {
    margin-left: 5px
    }