Subversion Repositories Applications.bazar

Rev

Rev 461 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*
 +----------------------------------------------------------------------------+
 | bazar.css                                                                  |
 +----------------------------------------------------------------------------+
 | Copyright (c) 2005 Tela Botanica                                           |
 +----------------------------------------------------------------------------+
 | Feuille de style interne spécifique a l'application Bazar                  |
 +----------------------------------------------------------------------------+
 | Auteur : Jean-Pascal MILCENT <jpm@tela-botanica.org>                       |
 +----------------------------------------------------------------------------+
*/

/**
Spécifique à téla mais cette modif est mise ici 
pour qu'en cas de problème le css ne soit modifié que dans les 
pages contenant bazar
**/
#actualites #zone-droite {
  overflow:visible;
}

#formulaire input, #formulaire textarea, #formulaire select {
        border:1px solid #000;
  background-color:#fefffe;}
input[type ^="submit"]:hover{
        background-color:#b0cdfc;}
.enligne {
        padding:0;
        margin:0;
        display:inline;
        list-style:none;
        list-style-type:none;
        background:#FFF;}

/*-------------Les fiches Bazar-------------------------------------------------*/
.BAZ_cadre_fiche{
        max-width:600px;
        width:auto;
        height:auto;
        padding:10px;
        border: 1px solid #7B9C35;}
.BAZ_cadre_map {
        padding:0;
        height:250px;
        width:400px;
        overflow:auto;}


        
.BAZ_cadre_map .BAZ_cadre_fiche{
        padding:0 2px 2px 2px;}
.BAZ_cadre_map .BAZ_fiche_titre, .BAZ_cadre_map .BAZ_fiche{
        font-size:13px;
}
        
.BAZ_fiche_titre_expo, .BAZ_fiche_titre_sortie, .BAZ_fiche_titre_formation, .BAZ_fiche_titre_evenement {
        text-transform:none;}
#map{
        min-height:600px;}
#fiche_image{
        float:left;
        height:150px;
        width:210px;
        margin:0 10px 0 0}
#fiche_image, .BAZ_cadre_fiche{
        background-color:#fefffe;
        -moz-border-radius:10px;}
#fiche_titre {
        background:transparent;
        border-bottom:1px solid black;
        color:#1A4881;}
.bulle_bas{
        height:0;}
.BAZ_infos_fiche{
        margin:0;
        padding:0;
        font-size:10px;
        color:gray;}
.centrer {
        clear:both;
        margin:0 auto;}
.BAZ_rubrique {
        padding: 5px 0;}
.BAZ_label {
        text-align:left;
        color: #3A3633;}
.rubrique_bulle {
        width:90px;
        text-align:left;
        font: bold 15px arial, sans-serif;
        color: #000;}
.BAZ_texte{
        font-weight:bold;}
.description ul{
        margin:0;}
.infos {
        width:70%;
        float:left;
        min-height:120px;
        font: bold 15px arial, sans-serif;
        color:#B1BB7E;
        line-height:25px;}
.bazar_checkbox {
        float:left;
        width:170px;
        font:10px arial, sans-serif;
        border:0;}
.lien_wikini{
        margin:0;
        padding:10px 5px;
        border:2px solid #DBE8C8;
        -moz-border-radius:10px;
        background:#3082AA;}
div.lien_wikini a{
        padding-left:100px;
        color:#FFF;}
                
#bazar_commentaire {
        max-width: 600 px;
        width: auto;
}

#BAZ_bas_page, #BAZ_bas_page .rubrique{
        font-size:10px;
        text-decoration:none;
        color:gray;}
#BAZ_bas_page .rubrique{
        display:inline;
        clear:both;}

#formation_qualifiante {
        float:right;
        margin:0 -15px 0 5px;
        height:190px;
        width:30px;
        background:url(images/BAZ_formation_qualifiante.gif) bottom right no-repeat;}
#formation_diplomante {
        float:right;
        margin:0 -15px 0 5px;
        height:190px;
        width:30px;
        background:url(images/BAZ_formation_diplomante.gif) bottom right no-repeat;}
#formation_continue {
        float:right;
        margin:0 -15px 0 5px;
        height:190px;
        width:30px;
        background:url(images/BAZ_formation_continue.gif) bottom right no-repeat;}

.table_bazar{
        width:300px;
        margin:2em 0 0 0;}
#table_bazar{
  border-spacing:0;
  text-align:center;
  border: 1px solid black;}
#table_bazar th{
        color:white;
  background-color:#598ac4;
  padding:0 5px;
  text-align:center;
  border-bottom: 1px dotted grey;
  border-left: 1px dotted grey;}
#table_bazar td  {
  padding:2px;
  text-align:left;
  border-bottom: 1px dotted grey;
  border-left: 1px dotted grey;}
#table_bazar .ligne_paire{
        background-color:#c8ddff;}
.table_bazar #col2, .table_bazar #col3, #laius_abonnement{
        display:none;}
.table_bazar #col1,.table_bazar #col4{
        width:150px;}

.BAZ_actions_fiche ul{
        list-style-type:none;}
.BAZ_actions_fiche a{
        display:block;
        text-align:center;
        width:200px;
        border: 1px solid black;
        padding:3px;
        font-size:14px;
  background:#fefffe;}
.BAZ_actions_fiche a:hover{
        background-color:#b0cdfc;}
#bf_description_description {font-weight:normal;}
/* CALENDRIER */
#cal_entete{
        display:block;
        background:transparent url(/client/bazar/images/cal_titre_fond-grey.png) repeat-x;
        margin:10px 0;
        height:31px;
        min-width:300px;
        border-left: 2px solid #C3C0AD;
        border-right: 2px solid #C3C0AD;
        position: relative;
}
#cal_titre{
        position:absolute;
        background:transparent;
        top:0;
        margin-top: 10px;
        right:20px;
        width:182px;}
#cal_navigation{
        display:block;
        position:absolute;
        background:transparent;
        top:10px;
        left:20px;}
#cal_precedent_lien, #cal_suivant_lien{
        display:block;
        position:absolute;
        top:2px;
        background:transparent;}
#cal_suivant_lien img, #cal_precedent_lien img{
        display:block;
        border:0;}
#cal_precedent_lien:hover, #cal_suivant_lien:hover, #cal_mois_courrant:hover{
        background-color:#b0cdfc;}
#cal_precedent_lien{
        left:15px;}
#cal_mois_courrant{
        display:block;
        position:absolute;
        top:4px;
        left:40px;
        width:110px;
        padding:2px 25px;
        background-color:#fff;
        border:1px inset #113054;
        text-align:center;
        text-transform:uppercase;
        font: bold 14px 'Arial narrow', arial, sans-serif;}
#cal_suivant_lien{
        left:205px;}
.calendrier{
        font: bold 16px 'Arial narrow', Arial, sans-serif;
        border-collapse:separate;
        border-spacing:2px;
        width:960px; /* pour éviter que le calcul des largeurs des colonnes n'aboutisse à des valeurs différentes et que "dimanche" soit plus fin */
}
/* Problème de la couleur entre les cellules...
.calendrier tbody{
        background:white url(/client/bazar/images/cal_img_fond.jpg) 2px 40px repeat-y;}*/
.calendrier th, .calendrier_applette th {
        color:white;
        background-color:#C3C0AD;
        border: 1px solid #113054;
        text-align:center;}
.calendrier th {
        height:20px;
        width:14%;
        border-width:2px;}
.calendrier td {
        height:83px;
        width:14%;
        border:2px solid #4c4c4c;
        vertical-align:top;
        text-align:left;
        -moz-border-radius:3px;}
.cal_samedi, .cal_dimanche{
        background-color:#fff9e7;}
.cal_j{
        display:block;
        float:right;
        padding:2px;}
.cal_jc{
        background-color:#c4d9fb;}
.cal_ma{
        background-color:#eaeaec;}
.cal_evenemt_liste{
        font: normal 10px Arial, sans-serif;
        list-style-type:none;
        margin:20px 0 0 0;
        padding:0;}
.cal_evenemt_liste li{
        background:transparent url(/client/bazar/images/cal_pastille.png) top left no-repeat !important;
        display:block;
        padding-bottom: 10px;
        padding-top: 2px;
        margin-left: 5px;
}

.cal_evenemt_liste li a {
        padding-left: 20px;
        padding-bottom: 5px;
}

.cal_evenemt_liste .nature_1{
        background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat !important;}
.filtre_1{
        background-color:#7CCCFF;}
.cal_evenemt_liste .nature_2{
        background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat !important;}
.filtre_2{
        background-color:#7ACD69;}
.cal_evenemt_liste .nature_3{
        background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat !important;}
.filtre_3{
        background-color:#FFAA5D;}
.cal_evenemt_liste .nature_4{
        background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat !important;}
.filtre_4{
        background-color:#FF81EA;}
.cal_evenemt{
        margin:0 0 0 0px;
        padding:0;}
/* Pour la biblioth�que JS DomToolTip */
div.niceTitle {
        background-color: #333333;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 13px;
        font-family: "Trebuchet MS", sans-serif;
        width: 250px;
        left: 0;
        top: 0;
        padding: 4px;
        position: absolute;
        text-align: left;
        z-index: 20;
        -moz-border-radius: 0 10px 10px 10px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
        -moz-opacity: .87;
        -khtml-opacity: .87;
        opacity: .87;}
div.niceTitle .contents {
        margin: 0;
        padding: 0 3px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;}
div.niceTitle p {
        width: 250px;
        color: #D17E62;
        font-size: 9px;
        padding: 3px 0 0 0;
        margin: 0;
        text-align: left;
        -moz-opacity: 1;}
        
.bouton_valider { 
          color:#7B9C35; 
          font-size: 14px;
          width: 208px;
          background-color:#FFFFFF; 
          border:1px solid; 
          border-color: #000000; 
} 

#label_validite {
                padding-right: 7px;
}

#date_validite {
                width: 100px;
}