body
{
  width: 990px;
  margin: 10px auto 0px auto;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.important
{
  color: red;
}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border: 2px solid #ccc;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #A59292;
    padding-top: 0.5em;
    font-weight: bold;
} 

#lightboxDetails a
{
    color: #A59292;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{ 
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aurillac.fr/associations/img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/

/******************************************************************************/
/* HAUT DE PAGE                                                               */
/******************************************************************************/
#header
{
  padding: 0px;
  text-align: left;
}

#header a#bandeau img
{
  border: none;
}

#header div#login
{
  width: 200px;
  height: 125px;
  float: right;
  text-align: center;
  background: url("boule.jpg") no-repeat #fff;
  font-size: 9px;
  color: #999;
  padding-top: 25px;
}

#header div#login p
{
  width: 125px;
  margin: 10px auto 0px auto;
}

#header div#login a
{
  color: #666;
}

#header div#login form
{
  padding-top: 25px;
}

#header div#login form label
{
  display: block;
}

#header div#login form input.connect
{
  font-size: 9px;
  border: 1px solid #ccc;
  width: 80px;
  color: #999;
  margin-bottom: 5px;
}

#header div#login form input.bouton
{
  background: none;
  color: #999;
  font-weight: bold;
  border: none;
}

#header div#menu
{
  text-align: center;
  width: 820px;
  height: 30px;
  background: url("fondmenu.gif") no-repeat #fff;
  padding-top: 10px;
}

#header div#menu a
{
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-left: 1px solid #f8931f;
  padding-left: 10px; 
  padding-right: 5px; 
}

#header div#menu a:hover
{
  color: #f8931f;
}

#header div#menu a.first
{
  border-left: none;
  padding-left: 0px;
}

div#menuasso
{
  margin-left: 10px;
  margin-bottom: 20px;
  background: #f9f9f9; 
  padding: 5px;
  border: 1px dashed #ccc;
}

div#menuasso a
{
  background: #f9f9f9; 
  color: #999;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}

div#menuasso a:hover
{
  color: #000;
  background: #ddd;
}

/******************************************************************************/
/* COLONNE DE DROITE                                                          */
/******************************************************************************/

#rightcol
{
  width: 180px;
  float: right;
}

#rightcol div#hautmenu
{
  margin-top: 20px;
  height: 65px;
  background: url("hautmenudroite.gif") no-repeat top left;
}

#rightcol div#menu
{
  background: url("basmenudroite.gif") no-repeat bottom right;
  padding-bottom: 20px;
  padding-right: 20px; 
  text-align: right;
  margin-bottom: 10px;
}

#rightcol div#menu a
{
  display: block;
  font-family: Times New Roman, Times;
  color: #b51d1d;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

#rightcol form#search span.search
{
  display: block;
  width: 160px;
  height: 18px;
  padding: 6px 11px 6px 9px;
  background: url("fondsearch.gif") no-repeat top left;
  border: none;
}

#rightcol form#search input.search
{
  background: none;
  border: none;
  width: 150px;
  font-size: 11px;
  color: #999;
}

#rightcol form#search input.bouton
{
  background: none;
  font-family: Times New Roman, Times;
  color: #b51d1d;
  font-size: 14px;
  border: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

#rightcol a img
{
  border: none;
}

/******************************************************************************/
/* CONTENU                                                                    */
/******************************************************************************/

#content
{
  padding: 10px 220px 10px 40px;
  text-align: justify;
  color: #666;
}

#content a
{
  color: #000;
}

#content a.orange
{
  color: #f8931f;
  font-weight: bold;
}

#content h1
{
  font-size: 16px;
  color: #f8931f;
}

#content h2
{
  font-size: 14px; 
  color: #f8931f;
}

#content h3
{
  font-size: 12px; 
}

#content ul
{
  margin: 0px;
  padding: 0px 0px 0px 15px;
}

#content ul li
{
  margin-top: 10px;
}

.droite
{
  float: right;
  width: 300px;
  margin-left: 30px;
}

/******************************************************************************/
/* BOITE INFO DROITE                                                          */
/******************************************************************************/

.infodroite
{
  background: url(degrade_gris_hb.gif) repeat-x;
  float: right;
  width: 300px;
  padding: 7px;
  border: 1px solid #ccc;
  margin: 15px 0px 0px 15px;
}

#content .infodroite h2
{
  font-size: 14px;
  text-align: left;
  margin-top: 0px;
  color: #444;
}

#content .infodroite img.portrait
{
  float: right;
  height: 65px;
  width: 65px;
  border: 1px solid #ccc;
  margin-left: 10px;
}

#content .infodroite ul.elus li
{
  height: 65px;
}

/******************************************************************************/
/* MUR D'EXPRESSION (mur.php + membre.php)                                    */
/******************************************************************************/

#content .titreexprimez
{
  font-weight: bold;
  font-size: 13px;
}

#content a.lienexprimez
{
  padding-left: 22px;
  margin-right: 5px;
  font-size: 13px;
}

#content a.ajoutlien
{
  background: url("post.gif") no-repeat;
}

#content a.ajoutphoto
{
  background: url("photo.gif") no-repeat;
}

#content form.message,
#content form.comment
{
  border: 1px dashed #ccc;
  padding: 10px;
  background: #fffad0;
  margin-bottom: 20px;
}

#content form.comment
{
  margin-left: 55px;
  display: block;
}

#content form.message textarea,
#content form.comment textarea
{
  vertical-align: top;
  margin-bottom: 5px;
}

#content form.comment textarea
{
  width: 350px;
}

#content form.message input.bouton
{
  background: #ffe293;
  width: 175px;
  border: 1px solid #f8931f;
  color: #666;
  font-weight: bold;
  font-size: 15px;
  padding: 5px;
  margin-left: 10px;
} 

#content form.comment input.bouton
{
  background: #ffe293;
  width: 75px;
  border: 1px solid #f8931f;
  color: #666;
  font-weight: normal;
  font-size: 10px;
  padding: 2px;
  margin-left: 10px;
} 

#content div.comment 
{
  background: #f6f6f6;
  margin-left: 55px;
  margin-bottom: 5px;
  padding: 3px;
  border: 1px solid #e0e0e0;
}

#content div.comment span,
#content div.comment span a
{
  color: #999;
}

#content div.expression
{
  border-top: 1px solid #ccc;
  min-height: 60px;
  margin-bottom: 15px;
}

#content div.expression p
{
  padding-left: 60px;
}

#content div.expression a.liencomment,
#content div.expression a.liensupprim
{
  color: #666;
}

#content div.expression img.logo
{
  float: left;
  margin-top: 10px;
}

#content div.colgauche
{
  width: 200px;
  float: left;
  text-align: left;
}

#content div.colmilieu
{
  padding-left: 200px;
}

#content div.colgauche p.galerie
{
  text-align: left;
}
#content div.colgauche p.galerie img
{
  border: 1px solid #666;
} 

/******************************************************************************/
/* PAGE D'ACCUEIL : index.php                                                 */
/******************************************************************************/

div.flashactu
{
  position: absolute;
  top: 30%;
  left: 30%;
  background: #ffe293;
  width: 40%;
  height: 40%;
  overflow: auto;
  padding: 10px;
  border: 1px solid #f8931f;
  display: block;
}

#content div.flashactu a.fermer
{
  font-weight: bold;
  color: #f8931f;
  float: right;
}

.cacher
{
  display: none;
}

/******************************************************************************/
/* RECHERCHE search.php                                                       */
/******************************************************************************/

#content div.onglets,
#content div.rub_onglets,
#content div.act_onglets,
#content div.result
{
  border: 1px solid #ccc;
  margin-top: 2px;
  padding: 5px;
  display: block;
  background: #fffad0;
}

#content div.onglets a,
#content div.rub_onglets a,
#content div.act_onglets a
{
  color: #666;
  text-decoration: none;
}

#content div.onglets a:hover,
#content div.rub_onglets a:hover,
#content div.act_onglets a:hover
{
  text-decoration: underline;
}

#content a.actif,
#content a.rub_actif,
#content a.act_actif,
#content span.recherche
{
  padding: 3px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fffad0;
  background: #fffad0;
  text-decoration: none;
  color: #333;
}

#content a.noactif,
#content a.rub_noactif,
#content a.act_noactif
{
  padding: 2px;
  border: 1px solid #ccc;
  background: #f6f6f6;
  text-decoration: none;
  color: #999;
}

#content div.alpha50
{
  float: left;
  width: 48%;
  margin-right: 10px;
  text-align: left;
}

#content form input.bouton
{
  padding: 2px;
  border: 1px solid #ccc;
  background: #f6f6f6;
  text-decoration: none;
  color: #999;
}

/******************************************************************************/
/* AGENDA agenda.php                                                       */
/******************************************************************************/

/* -------- Jour agenda -------- */

.jour_semaine, .mois, #meteo
{
  font-size: 9px;
  font-weight: bold; 
}

.jour
{
  font-size: 22px;
  font-weight: bold;
  color: #B70000;
}

.datejour
{
  text-align: center;
  width: 55px;
  height: 55px; 
  float: left;
  margin-right: 15px;
}

#content div.listeagenda
{
  background: #fffad0;
  border: 1px dashed #ccc;
  min-height: 50px; 
  padding: 5px;
  margin-bottom: 10px;
}

#content div.listeagenda h3,
#content div.listeagenda h2
{
  margin-top: 0px;
  margin-bottom: 0px;
}

#content div.listeagenda a
{
  color: #999;
}

#content div.listeagenda h3 a
{
  color: #b51d1d;
}

#content div.listeagenda img.logo
{
  float: right;
}


#content table.agenda
{
  border: 1px solid #f8931f;
  width: 100%;
  border-collapse: collapse;
}

#content table.agenda thead tr
{
  background: #fffad0;
  border-bottom: 1px solid #f8931f;
}

#content table.agenda thead tr th.jour
{
  width: 3%;
}

#content table.agenda thead tr th.info
{
  width: 30%;
  text-align: center;
  border-right: 1px solid #f8931f;
}


#content table.agenda tbody tr
{
/*  border-bottom: 1px dashed #eee;*/
}

#content table.agenda tbody tr td
{
 padding: 3px;
 vertical-align: top;
 text-align: left;
}

#content table.agenda tbody tr td.tdinfo
{
  border-right: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
}

#content table.agenda tbody tr.grise
{
  background : #f9f9f9;
}

/******************************************************************************/
/* PIED DE PAGE                                                               */
/******************************************************************************/

#footer
{
  font-size: 10px;
  color: #999;
  margin-top: 20px;
  margin-bottom: 10px;
}

#footer a
{
  color: #999;
}

#footer a:hover
{
  color: #f8931f;
}

/******************************************************************************/
/* ADMINISTRATION                                                               */
/******************************************************************************/

a.modif img
{
  border: none;
  float: right;
}

#content #menuadmin a
{
  display: block;
  padding: 5px;
  border: 1px dashed #ccc;
  margin-bottom: 5px;
  width: 50%;
  text-decoration: none;
  font-weight: bold;
  color: #666;
  background: #fafafa;
}

#content #menuadmin a:hover
{
  background: #eee;
  color: #000;
}