/* ----------------------------------------------------- */
/* Page d'accueil                                        */
/* ----------------------------------------------------- */
.opinion {
  text-align: right;
  font-size: 0.7em;
  color: #808080;
}

#pageaccueil {
  background: url(screen/fond.png) center repeat-y;
  padding: 15px 30px 0 30px;
}

/* ----------------------------------------------------- */
/* Encart actualité                                      */
/* ----------------------------------------------------- */
#pageaccueil #actualite {
  border-right: 1px dotted #7F7F7F;
  padding-right: 20px;
  vertical-align: top;
  width: 50%;
}

#pageaccueil #actualite .actu-first h3 {
  font-size: 1.2em;
  font-weight: bold;
}

#pageaccueil #actualite .actu-first .date {
  font-size: 0.7em;
}

#pageaccueil #actualite .actu-first p {
  padding-top: 5px;
  font-size: 1.1em;
}

#pageaccueil #actualite .actu-other {
  clear: right;
  padding-top: 15px;
}

/* ----------------------------------------------------- */
/* Encart action politique                               */
/* ----------------------------------------------------- */
#pageaccueil #politique {
  padding-left: 20px;
  vertical-align: top;
  width: 50%;
}

#pageaccueil #politique .politique-actu h3 {
  padding-bottom: 15px;
}

#pageaccueil #politique .politique-direct h4 {
  border-bottom: 1px solid #0CA8C9;
  text-align: right;
  font-size: 0.9em;
  font-variant: small-caps;
}

/* Encart action politique - En direct avec vos élus */
#pageaccueil #politique .politique-direct .politique-elus {
  float: left;
  padding: 8px 5px 0 0;
  width: 164px;
  height: 59px;
}

#pageaccueil #politique .politique-direct .politique-elus p .flottante-left {
  padding-right: 2px;
}

#pageaccueil #politique .politique-direct .politique-elus .elu-nom {
  font-size: 0.7em;
  font-weight: bold;
}

#pageaccueil #politique .politique-direct .politique-elus .elu-comission {
  padding-top: 2px;
  font-size: 0.7em;
  font-weight: normal;
}

#pageaccueil #politique .politique-direct .politique-elus .elu-date {
  text-align: right;
  font-size: 0.7em;
  color: #808080;
}

/* ----------------------------------------------------- */
/* Encart forum                                          */
/* ----------------------------------------------------- */
#pageaccueil #forum .titre, #pageaccueil #sondages .titre, #pageaccueil #topflop .titre, #pageaccueil #magazine .titre {
  float: left;
  padding: 0 5px 0 0;
  background-color: #FFFFFF;
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bold;
}

#pageaccueil #forum .lire, #pageaccueil #sondages .lire, #pageaccueil #topflop .lire, #pageaccueil #magazine .lire {
  margin-bottom: 15px;
  padding-bottom: 1px;
  border-bottom: 2px solid #0CA8C9;
  text-align: right;
  font-size: 0.7em;
}

#pageaccueil #forum {
  border-right: 1px dotted #7F7F7F;
  padding-right: 20px;
  vertical-align: top;
  width: 25%;
}

#pageaccueil #forum .date em {
  font-weight: bold;
  font-style: italic;
}

#pageaccueil #forum .forum-reponses {
  font-size: 0.7em;
  text-align: right;
  color: #7F7F7F;
}

#pageaccueil #sondages, #pageaccueil #topflop {
  border-right: 1px dotted #7F7F7F;
  padding: 0 20px 0 20px;
  vertical-align: top;
  width: 25%;
}

/* ----------------------------------------------------- */
/* Encart sondages                                       */
/* ----------------------------------------------------- */
#pageaccueil #sondages p {
  font-size: 0.8em;
}

#pageaccueil #sondages .sondage-question {
  padding-bottom: 10px;
  font-weight: bold;
}

#pageaccueil #sondages .sondage-vote {
  padding-top: 10px;
  text-align: right;
}

#pageaccueil #sondages .sondage-vert {
  background: url(screen/sondagevert.png) top left repeat-x;
}

#pageaccueil #sondages .sondage-rouge {
  background: url(screen/sondagerouge.png) top left repeat-x;
}

#pageaccueil #sondages .sondage-opinion {
  font-size: 0.7em;
  text-align: right;
  color: #7F7F7F;
}

/* ----------------------------------------------------- */
/* Encart top et flop                                    */
/* ----------------------------------------------------- */
#pageaccueil #topflop .topflop-message {
  padding-top: 10px;
}

/* ----------------------------------------------------- */
/* Encart perspectives                                   */
/* ----------------------------------------------------- */
#pageaccueil #magazine {
  padding-left: 20px;
  vertical-align: top;
  width: 25%;
}