/* CSS Document */
/*LIENS*/
.lien_menuw { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.lien_menuw a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
.lien_menuw a:hover{ text-decoration:underline; }

.lien { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FF33CC; text-decoration:none; }
.lien a { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; color:#FF33CC; text-decoration:none;}
.lien a:hover{ text-decoration:underline; }

.lien_noir { font-weight:bold; color:#FF33CC; font-size:11px; text-decoration:none; }
.lien_noir a{ font-weight:bold; color:#FF33CC; font-size:11px; text-decoration:none; }
.lien_noir a:hover{ text-decoration:underline; }

/*FORMULAIRES*/
input { color: #00CC00; font-size: 10px; display: inline; background-color: #330000; border: 1px solid #00CC00; border-spacing:3px; }
button { font-size: 10px; }
input.hidden { color:#330000; border:none; font-size: 10px;}
input.radio { background-color: #330000; border:none; }
select { color: #00CC00; font-size: 10px; display: inline; background-color: #330000; border: 1px solid #00CC00;}
textarea.comment { width:400px; height:200px; background-color:#330000; border:1px solid #00CC00; color:#00CC00; }

/*BLOCS WEEPAGE*/
.principale{ background-color:#FFFFFF; padding:0px; margin: auto; border:0px; color:#00CC00; width:975px; text-align:center; padding-bottom:10px; }
.entete{ width:975px; padding:0px; margin:0px; height:50px; background-color:#000000; vertical-align:bottom; }
.noma{ background-color:#000000; float:left; padding:5px; }
.onglets{ background-color:#000000; vertical-align:bottom; float:right; padding:0px; margin:0px; }
.menu_weepage{ margin:auto; clear:both; width:auto; padding:3px 5px 3px 5px; background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; text-align:center; }
.colonegauche{width:280px; margin-top:10px; margin-left:10px; margin-bottom:0px; padding:10px; float:left; clear:left; background-color:#330000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00CC00; text-align:left; border:1px solid #00CC00; }
.pub300{ width:300px; margin:10px 10px 0px 10px; padding:0px; height:250px; float:left; clear:left; }
.content{ width:655px; margin-top:10px; }

/*ACCUEIL DEFAUT*/
.calendrier{ background-color:#330000; width:170px; min-height:170px; overflow:hidden; color:#00CC00; float:left; padding:10px; border:1px solid #00CC00;}
.last_actu_mot{ background-color:#330000; color:#00CC00; float:left; width:420px; padding:10px; min-height:170px; overflow:hidden; border:1px solid #00CC00; }
.accueil_comments{ background-color:#330000; color:#00CC00; float:left; clear:both; width:622px; margin:0px; padding:10px; min-height:800px; border:1px solid #00CC00; }

/*AMIS*/
.flottante_miniami { width:93px; float:left; text-align:center; }
.tous_amis{ width:280px; float:left; text-align:right; margin-bottom:5px; color:#330000; }
.flottante_ami { float:left; width:125px; height:150px; text-align:center; }

/*WEEDEOS*/
.titre_weedeos{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FF33CC; text-align:center; }

/*COMMENTAIRES*/
.titre_addcomment{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FF33CC; font-weight:bold; text-align:right; }
.comment{ width:100%; text-align:left; clear:both; border-top:1px solid #FF33CC; }
.auteur_comment{ float:left; height:100%; text-align:center; margin:10px 10px 0px 0px; }
.texte_comment{ text-align:left; margin:10px 10px 0px 0px; float:left; width:527px; }

/*CHANSONS*/
.flottante_chansons{ border:none; border-bottom:1px solid #FF33CC; padding-bottom:10px; }
.titre_mp3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FF33CC; font-weight:bold; }
.note_mp3{ position:relative;  overflow:hidden; left:0px; top:-10px; }
.chanson_detail{ border-bottom:1px solid #FF33CC; padding-bottom:10px; }
.titre_chanson{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FF33CC; font-weight:bold; }

/*ACTUS*/
.titre_actu{ color:#FF33CC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; }
.actus{ padding-top:10px; padding-bottom:10px; border-top:1px solid #FF33CC; }

/*EVENTS*/
.photo_event{ max-width:150px; }
.event{ color:#00CC00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:top; text-align:left; }

/*CALENDRIER*/
table.calendar_main { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; }/* Style de la table principale contenant le calendrier */
.calendar_title { text-align: center; }/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title_month { font-weight:bold; text-align:center; }/* Style de la cellule "mois annee" du titre    */
.calendar_title_month_clickable { color: #00CC00; text-decoration: none; }/* Style du lien "mois annee" du titre          */
.calendar_title_left_arrow { text-align: left; }/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_right_arrow { text-align: right; }/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_left_arrow_clickable { color: #00CC00; text-decoration: none; }/* Style du lien "<<" du titre          */
.calendar_title_right_arrow_clickable { color: #00CC00; text-decoration: none; }/* Style du lien ">>" du titre          */
.calendar_table { border: none; border-collapse: collapse; font-size: 10px; }/* Style global de la table du calendrier  */
.calendar_table td { border: 1px solid #330000; text-align: center; width: 20px; }/* Style generique des cellules de la table du calendrier */
.calendar_table th { border: 1px solid #00CC00; background-color: #330000; font-weight: normal; text-align: center; }/* Style des cellules den-tete la table du calendrier, contenant les jours */
.calendar_weekend { background-color: #330000; }/* Style des cellules de la table contenant les jours du week-end (samedi et dimanche) */
.calendar_other_month { color: #330000; }/* Style des cellules contenant des jours ne faisant pas partie du mois en cours daffichage */
.calendar_other_month_clickable { color: #330000; text-decoration: none; }/* Style des liens des jours ne faisant pas partie du mois en cours daffichage */
.calendar_today { color: #FF33CC; font-weight: bold; }/* Style du jour (non cliquable) representant aujourdhui */
.calendar_today_clickable { color: #FF33CC; text-decoration: none; }/* Style du lien sur le jour representant aujourdhui */
.calendar_day_clickable { color: #00CC00; text-decoration: none; }/* Style des liens des jours faisant partie du mois en cours daffichage */