Rev 538 | 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> |
+----------------------------------------------------------------------------+
*/
#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 #1A4881;}
.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;
padding:2px;
margin:2px 2px 2px 0;}
.BAZ_fiche_titre_expo, .BAZ_fiche_titre_sortie, .BAZ_fiche_titre_formation, .BAZ_fiche_titre_evenement {
color:#184A84;
background-color:#c8ddff;}
#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_label {
text-align:left;
color: #1A4881;}
.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;}
#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.png) repeat-x;
margin:10px 0;
height:31px;
min-width:300px;
border-left: 2px solid #113054;
border-right: 2px solid #113054;}
#cal_titre{
position:absolute;
background:transparent;
top:0;
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:100%;}
/* 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:#B0CDFC;
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;
display:block;}
.cal_evenemt_liste .nature_1{
background:transparent url(/client/bazar/images/drapeau_bleu.png) top left no-repeat;}
.filtre_1{
background-color:#7CCCFF;}
.cal_evenemt_liste .nature_2{
background:transparent url(/client/bazar/images/drapeau_vert.png) top left no-repeat;}
.filtre_2{
background-color:#7ACD69;}
.cal_evenemt_liste .nature_3{
background:transparent url(/client/bazar/images/drapeau_orange.png) top left no-repeat;}
.filtre_3{
background-color:#FFAA5D;}
.cal_evenemt_liste .nature_4{
background:transparent url(/client/bazar/images/drapeau_rose.png) top left no-repeat;}
.filtre_4{
background-color:#FF81EA;}
.cal_evenemt{
margin:0 0 0 17px;
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;}