/* BROCORAMA - by Vehem */ /* Styles de base */ body {padding: 0; margin: 0; font: normal 11px Tahoma, Arial, sans-serif; line-height: 1.7em; background: #fff url(/images/bg.gif) repeat-x; color: #333;} a {color: #660000; background: inherit;} a:hover {color: #993333; background: inherit;} p {margin: 0 0 5px 0;} h1 {font: bold 2.2em Arial, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px;} h2 {margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px;} h1 a, h2 a {color: #000; background: inherit; text-decoration: none;} hr {clear: both;} ul {margin: 0; padding : 0; list-style : none;} img {border: 0;} form {margin: 0px; padding: 0px;} .erreur {color: #A00} .erreur h1, #gauche .erreur h1 {font-size: 1.4em; margin-bottom: 5px} .erreur a {color: #F60; font-weight: bold; background: url(/images/puce03.gif) left 4px no-repeat; padding-left: 11px; text-decoration: none;} .erreur a:hover {text-decoration: underline;} #erreur{color: red; font-weight:bold;} .addthis {float: right; margin-top: 3px;} #message_erreur {background: #F90 url(/images/error.png) 5px center no-repeat;; font: bold 1.2em Arial, Sans-Serif; padding: 2px 5px; padding-left: 25px; color: #FFF;} #message_erreur a {background:none; color:#FFF;} /* Pub depose */ #liencoin {position: fixed; top: 0; left: 0; display: block; text-indent: -3000px; width: 118px; height: 118px; background: url(/images/pub_corner2.png) left top no-repeat; _display: none;} #lientop {position: absolute; top: 0; margin-left: 400px; display: block; text-indent: -3000px; width: 170px; height: 129px; background: url(/images/pub_top.png) left top no-repeat;} #lientoptype {float: right; margin: 0; margin-top: -15px; position: relative; display: block; text-indent: -3000px; width: 120px; height: 91px; background: url(/images/pub_toptype.png) left top no-repeat;} .module-gauche #lientop {float: right; margin: 0; margin-top: -15px; position: relative;} #droite a.abomailing {display: block; margin-bottom: 10px; height: 110px; width: 310px; background: url(/images/bloc-newsletter.png) no-repeat; text-indent: -5017px;} #droite a.promobroco {display: block; background: url(/images/appel_pub.gif) no-repeat; margin-bottom: 10px; height: 20px; padding-top: 5px; text-indent: 50px; text-decoration: none; font: bold 12px Arial, Helvetica, Sans-serif; color: #000;} #droite a.promobroco:hover {color: #900} .share {background: url(/images/appel_partage.gif) no-repeat; margin-bottom: 10px; height: 20px; padding-top: 5px; padding-left: 10px; text-decoration: none; font: bold 11px Arial, Helvetica, Sans-serif; color: #000;} .share p {float: left;} .share a {text-decoration: none;} #gauche .share {float: left; width: 300px} /* elements generiques */ a.savoir-plus {background: url(/images/comment.gif) right center no-repeat; padding-right: 12px; color: #666; text-decoration: none;} a.savoir-plus:hover {text-decoration: underline;} .date {font-size: .9em; padding: 0 0 0 12px; background: url(/images/news.gif) no-repeat center left; color: #666;} .clear {clear: both;} .img-loader {display: none;} a.flux_rss {float: right; clear: both; margin: 10px 0px; background: url(/images/rss.gif) left 3px no-repeat; padding: 3px 0px 3px 20px; color: #F60; font: bold 1.1em Tahoma, Arial, Sans Serif; text-decoration: none;} a.flux_rss:hover {text-decoration: underline;} /* positionnement */ #contenu {margin: 10px auto; width: 960px;} #logo {margin: 0 0 10px 0;} #logo .h1 {background: url(/images/logo-brocorama.gif) left top no-repeat; width: 383px; height: 100px;} #logo .h1 a {display: block; width: 383px; height: 100px; text-indent: -1000px;} #logo .h2 {display: none;} #slogan {font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #666; background: #fff;} #top_info {line-height: 27px; float: right; color: #666; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px;} /* bloc connection */ #loginbutton a {text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(/images/lb.gif) no-repeat; color: #000;} #loginbutton a:hover{background: #fff url(/images/lbhover.gif) no-repeat; color: #000;} #bloc_non_connecter {padding: 0px 10px; background: #FAFAFA; border: 1px dotted #CCC;} #bloc_non_connecter input {font: normal 11px Tahoma, Arial, sans-serif;} #bloc_non_connecter .bloc_non_connecter_login {float: left; margin-right: 10px;} #bloc_non_connecter .bloc_non_connecter_login input, #bloc_non_connecter .bloc_non_connecter_mot_de_passe input {width: 100px; padding: 1px 5px; margin-left: 5px; background: url(/images/bgshade.gif) left -2px repeat-x; border: 1px solid #CCC; font: normal 11px Tahoma, Arial, sans-serif; color: #478F36;} .bloc_connecter .bloc_connecter_nom {background: url(/images/news.gif) left 4px no-repeat; padding-left: 12px; display: inline; font-weight: bold;} .bloc_connecter .bloc_connecter_prenom, .bloc_connecter .bloc_connecter_nom {display: inline; margin-left: 4px;} .bloc_connecter input {font: normal 11px Tahoma, Arial, sans-serif;border: none; background: #FFF url(/images/deconnexion.png) left no-repeat; height: 24px; padding: 0px; padding-left: 20px; text-decoration: underline;} .bloc_connecter input:hover {cursor: pointer;} #top_info .outils {margin: 0; padding: 0; float: left; margin-top: -24px;} #top_info .outils li a {padding-left: 25px; background: url(/images/moncompte.png) left 4px no-repeat; display: block; color: #33cc00;} /* menu horizontal */ #menu {padding: 3px 0; margin: 0; float: left;} #menu li{list-style: none; display: inline; margin: 0;} #menu li a{text-decoration: none; padding: 4px 12px; margin-right: 2px; background: #666 url(/images/corner.gif) no-repeat top right; font-weight: bold; color: #fff;} #menu li a[href="/compte/gestion"] {color: #390; background-color: #B5EE86} #menu li a:hover{background: #660000 url(/images/corner.gif) no-repeat top right; color: #fff;} #menu li a.actif{background: #14b300 url(/images/corner.gif) no-repeat top right; color: #fff; padding: 6px 15px;} #menu .clef {text-decoration: underline;} #menu li.aide a {background-color: #FA0;} /* menu general */ #details-tetiere {margin-top: -10px;} /* #sujets {clear: left; float: left; width: 640px; background: url(/images/topicsbg.gif) repeat-x left bottom; padding: 8px 5px; margin: 0 0 5px 0; color: #fff; height: 59px;} #sujets li {overflow: hidden; height: 20px;} #sujets li a {background: url(/images/bullet.gif) left 4px no-repeat; padding: 0 0 0 12px; display: block;} */ #sujets {clear: left; float: left; width: 640px; background: url(/images/topicsbg.gif) repeat-x left bottom; padding: 8px 5px; margin: 0 0 5px 0; color: #fff; height: 59px;} #sujets h4 {margin-bottom: 5px} #sujets li {line-height: 1.5em; overflow: hidden; height: 20px; width: 400px;} #sujets li a {background: url(/images/bullet.gif) left 4px no-repeat; padding: 0 0 0 10px; display: block;} #sujets form {padding: 0 10px; font-size: 1.1em; color: #393; font-weight: bold;} /* menu recherche "light" */ #rechercher-light {float: right; background: #3aed08 url(/images/bg2.gif) repeat-x; color: #FFF; height: 75px; ; width: 310px;} /* lookage du formulaire */ #rechercher-light form {padding: 12px;} #rechercher-light form p {margin: 0; padding: 0;} #rechercher-light form p a {color: #FFF; background: url(/images/puce01.gif) left 4px no-repeat; padding-left: 12px; margin-left: 77px;} #rechercher-light form p a:hover {color: #FFF; background: url(/images/puce01.gif) left 4px no-repeat; text-decoration: none;} .search {width: 180px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;} .button {padding: 4px; font: bold 12px Arial, Sans-Serif;} /* contenu gauche */ #gauche {float: left; width: 635px; margin: 0 0 10px 0;} #gauche h1 {font-size: 1.8em;} #gauche h2 {font-size: 1.4em;} .soustitre {margin: 0 0 10px 0; padding: 8px; background: #f4f4f4 url(/images/bgshade.gif) repeat-x; color: #008000; border-bottom: 1px solid #ccc;} .module-gauche {margin: 0px 0 10px 0; background: #fff url(/images/bgshade.gif) repeat-x; color: #333; padding: 15px 15px 5px 10px;} #gauche .module-gauche.une h1 {font-size: 1.4em;} #gauche .module-gauche.une h2, #gauche .module-gauche.une h2 a {font-size: 1.05em; color: #660000; text-decoration: underline;} .module-gauche.erreur {background: transparent url(/images/bgshade-error.gif) repeat-x; font-size: 1.1em; color: #A00;} .module-gauche.info.erreur, .module-gauche.info {background: transparent url(/images/bgshade-valide.gif) repeat-x; font-size: 1.1em; color: #600;} .module-gauche.info h1 {color: #3C0;} .module-gauche-pub {margin: 0px 0 10px 0; background: #fff url(/images/bgshade.gif) repeat-x; color: #333; padding: 15px 0px 5px 0px;} .image-grand img {float: left; clear: left; border: 1px solid #ccc; background: #eee; color: #000; /*width: 200px; height: 150px;*/ margin: 0 15px 10px 0;} .bloc-gauche {background: #f4f4f4; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 15px; margin: 15px 0;} .bloc-gauche-pub {width: 468px; margin: auto;} .bloc-tier-colonne {float: left; width: 186px; margin: 0 10px 0 15px;} .bloc-tier-colonne h4 {margin: 0px; font-size: 11px; color: #666; line-height: 1.25em;} .bloc-tier-colonne h4 em {font-weight: normal;} .bloc-tier-colonne ul.liste {margin-top: 8px;} .bloc-tier-colonne ul.liste li a {padding: 0 0 0 12px; background: #fff url(/images/news.gif) no-repeat center left;} .bloc-tier-colonne-dernier {float: left; margin: -3px 10px 0 5px;} .bloc-tier-colonne-dernier h4 {margin: 0px; font-size: 11px; color: #666; line-height: 1.25em;} .bloc-tier-colonne-dernier h4 em {font-weight: normal;} .bloc-tier-colonne-dernier ul.liste li a {padding: 0 0 0 5px; background: #fff url(/images/news.gif) no-repeat center left;} .bloc-2tiers-colonne {float: left; width: 398px; margin: 0 10px 0 15px;} #gauche .bloc-2tiers-colonne h3 {margin: 0; margin-bottom: 15px; font-size: 1.2em;} .bloc-demi-colonne {float: left; width: 280px; margin: 0 10px 0 15px;} .bloc-demi-colonne.astuces {margin: 10px 15px 30px 0px; width: 290px; padding: 0px;} .bloc-demi-colonne.astuces h2 {background: url(/images/puce-herbe01.gif) left 1px no-repeat; color: #09c900; padding-left: 18px; border-bottom: 1px dotted #CCC; padding-bottom: 5px; margin-bottom: 5px;} .bloc-demi-colonne.astuces h2 a {text-decoration: none; color: #09C900; background: none;} .bloc-demi-colonne.astuces h2 a:hover {color: #660000;} .bloc-demi-colonne.astuces img {float: left; margin: 5px 10px 5px 0px;} .bloc-demi-colonne.astuces p {padding: 0px 3px;} .bloc-demi-colonne.astuces p.lien-plus {padding: 0px; margin-top: 5px; position: absolute; top: 805px;} .bloc-demi-colonne.astuces a.savoir-plus {display: block; background: url(/images/fond-bouton01.gif) left top no-repeat; text-align: center; width: 290px; height: 21px; color: #09C900;} .bloc-demi-colonne.astuces a.savoir-plus:hover {text-decoration: none; color: #660000;} /* colonne droite */ #droite {float: right; width: 310px; margin: 0 0 10px 0;} .module-une {margin: 0px 0 10px 0; background: #fff url(/images/bgshade.gif) repeat-x; color: #333; padding: 15px 15px 5px 10px;} .module-droite {clear: both; border: 1px solid #ccc; padding: 8px; margin: 0 0 10px 0; background: #eee; color: #333;} .module-droite-pub {clear: both; border: 1px solid #ccc; padding: 4px; margin: 0 0 10px 0; background: #eee; color: #333;} .image {float: left; margin: 0 9px 3px 0;} .notes {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(/images/notes.gif) no-repeat center left; color: #333;} .module-droite-liens ul li a {display: block; float: left; height: 51px; width: 155px; text-indent: -10000px; margin-bottom: 10px} .module-droite-liens ul li.lien-blog a {background: url(/images/bouton_partage.png) left top no-repeat;} .module-droite-liens ul li.lien-zlio a {background: url(/images/bouton_partage.png) left -153px no-repeat;} .module-droite-liens ul li.lien-facebook a {background: url(/images/bouton_partage.png) left -102px no-repeat;} .module-droite-liens ul li.lien-twitter a {background: url(/images/bouton_partage.png) right -51px no-repeat;} /* formulaires */ #gauche form {margin: 0px; padding: 0px; line-height: 1.2em} #gauche input, #gauche textarea, #gauche select {background: #FFF url(/images/bgshade.gif) left -2px repeat-x; border: 1px solid #CCC; font: normal 11px Tahoma, Arial, sans-serif; color: #333;} #gauche option {background: #FFF} #gauche input {padding: 2px; width: 300px;} #gauche textarea {padding: 2px; width: 300px; height: 7em} #gauche input[type=radio]{width: auto; background: none; border: none;} #gauche input#f_tarif_exposant, input#f_tarif_visiteur, input#f_nombre_exposant {width: 30px;} #gauche #formulaire-depose {} #gauche #formulaire-depose span, #gauche #formulaire-inscription span {color: #F60; font-weight: bold;} #gauche .txt_intro {font-size: 1.1em} #gauche .bloc-form {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0px; background: #FCFCFC;} #gauche .bloc-form.impair {background: #F9F9F9; color: #666; border: none; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; padding: 10px 0px; margin: 0;} #gauche .ligne-formulaire {clear: both; padding-left: 210px; margin-top: 8px;} #gauche #pseudobox {clear: both; padding-left: 210px;} #gauche #pseudobox * {color: #600;} #gauche .captcha {clear: both; padding-left: 210px; margin-top: 8px;} #gauche form label {position: absolute; margin-left: -206px; width: 200px; text-align: right;} #gauche form button {clear: both; margin-left: 210px; margin-top: 8px;} #gauche textarea#f_tarif_exposant {height: 3em} #gauche #boite_login {clear: both; width: 350px; margin-left: 210px;} /* tableaux listing */ #gauche .multipage {clear: both; margin: 0px; text-align: right;} #gauche .multipage li {display: inline; padding: 0px 4px; margin: 0px; border-left: 1px dotted #ccc;} #gauche .multipage li:first-child {border-left: none;} #gauche .multipage li a {color: #666;} #gauche .multipage li a.page-active {font-weight: bold; text-decoration: none;} table#table-listing-mes-evenement {width: 100%; margin: 10px 0px;} table#table-listing-mes-evenement th {padding: 5px; text-align: center; font-size: 1.2em;} table#table-listing-mes-evenement td {border-top: 1px dotted #CCC; padding: 5px; text-align: center;} table#table-listing-mes-evenement td a {text-decoration: none; color: #333;} table#table-listing-mes-evenement td a:hover {text-decoration: underline;} table#table-listing-mes-evenement tr td:first-child {width: 60px;} table#table-listing-mes-evenement tr td img {padding: 4px; background: #FFF; border: 1px solid #CCC;} table#table-listing-mes-evenement tr:hover td {background: #EEE;} table#table-listing-mes-evenement tr:hover td a {color: #000;} table#table-listing-mes-evenement tr.impair td {background: #F9F9F9;} table#table-listing-mes-evenement tr.impair:hover td {background: #EEE;} table#table-listing-mes-evenement tr.impair:hover td a {color: #000;} table#table-listing-mes-evenement tr td.modifier a {color: #33cc00; font-weight: bold; background: url(/images/puce02.gif) left 4px no-repeat; padding-left: 11px} table#table-listing-mes-evenement tr:hover td.modifier a {color: #FC0; background: url(/images/puce01.gif) left 4px no-repeat;} table#table-listing-mes-evenement tr td.supprimer a {color: #993333; font-weight: bold; background: url(/images/puce02.gif) left 4px no-repeat; padding-left: 11px} table#table-listing-mes-evenement tr:hover td.supprimer a {color: #660000; background: url(/images/puce01.gif) left 4px no-repeat;} /* Gestion du compte */ #gauche .valide {color: green;} #gauche .invalide {color: red;} #gauche .liste-departement {width:152px;float:left;font-size:10px;} #gauche .liste-departement p {margin: 0 0 3px 0; color: #000;} #gauche .liste-departement input {width: auto; background: none; border: none; vertical-align: bottom;} #gauche .liste-departement label {text-align: left; margin: 3px 0;} #gauche .selectionner {margin: 10px 160px; width: 150px;} #gauche .pause {padding: 10px; background: #DFA; border: 1px solid #3C0;} #gauche .pause * {font-weight: bold; width: auto; background: none; border: none; vertical-align: middle; margin: 0 2px; padding: 0;} .menu-compte {padding: 2px 0; margin: 5px 0 0 0;} .menu-compte li{list-style: none; display: inline; margin: 0;} .menu-compte li a{text-decoration: none; padding: 4px 12px; margin-right: 2px; background: #CFCFCF url(/images/corner.gif) no-repeat top right; font-weight: bold; color: #333;} .menu-compte li a:hover{background: #660000 url(/images/corner.gif) no-repeat top right; color: #fff;} .menu-compte li a.actif{background: #14b300 url(/images/corner.gif) no-repeat top right; color: #fff; padding: 6px 15px;} .module-gauche .menu-compte {padding: 0; margin: 15px 30px;} .module-gauche .menu-compte li {display: block; margin: 5px 0;} .module-gauche .menu-compte li a {color: #33cc00; font-weight: bold; background: url(/images/puce02.gif) left 8px no-repeat; padding-left: 11px;} .module-gauche .menu-compte li a:hover {color: #900;} /* V2 */ #gauche .module-gauche .liste-evenement {clear: both; margin-top: 10px; border-top: 1px dotted #E0E0E0;} #gauche .module-gauche .ligne-evenement {/**/ clear: both; padding: 10px; border-bottom: 1px dotted #E0E0E0; /* width: 45%; float: left; border-right: 1px dotted #E0E0E0;*/} #gauche .module-gauche .ligne-evenement .image-listing img {float: left; clear: left; border: 1px solid #ccc; background: #eee; color: #000; margin: 0 15px 10px 0;} #gauche .module-gauche .ligne-evenement .date {font-size: 1em;} #gauche .module-gauche .ligne-evenement h4, #gauche .module-gauche .ligne-evenement h4 a {font-size: 1em; color: #3c0; margin: 0px; text-decoration: none;} #gauche .module-gauche .ligne-evenement p {font-size: 1.1em; line-height: 1.4em; margin-bottom: 2px;} #gauche .module-gauche .ligne-evenement p .savoir-plus {font-size: 0.9em;} #gauche .module-gauche .ligne-evenement.impair {background: #F9F9F9; /* border-left: 1px dotted #E0E0E0;*/} #gauche .module-gauche .ligne-evenement.impair:hover, #gauche .module-gauche .ligne-evenement:hover {background: #F0F0F0;} #gauche .date-globale {background: #999; color: #FFF;font-size:12px; font-weight:bold;padding-left:5px;margin-top:20px;} /* Fiche evenement */ #evenement h1 {font-size: 1.3em; color: #3c0; margin: 0px;} #evenement h1 a {color: #3c0;} #evenement h2 {margin: 0px; font: bold 2em Tahoma, Arial, Sans-serif; letter-spacing: 0;} #evenement h3 {margin: 0px 0px 8px 0px; font-size: 1.15em; font-family: Arial, Sans-Serif; letter-spacing: -1px;} #evenement h3 a {color: #000; text-decoration: none;} #evenement .liens-contextes {float: right;} #evenement .liens-contextes a {display: block; width: 95px; padding: 1px 3px; padding-left: 24px; text-decoration: none; color: #983; border: 1px solid #CCC; margin-bottom: 2px;} #evenement .liens-contextes .lien-abus {background: #FE9 url(/images/email_delete.png) 4px center no-repeat;} #evenement .liens-contextes .lien-erreur {background: #FED url(/images/email_error.png) 4px center no-repeat;} #evenement .liens-contextes a:hover {color: #FC0; background-color: #000;} #evenement .image-evenement {float: left; margin-right: 10px; margin-bottom: 15px;} /* ?tait img.image-evenement */ #evenement .infos-generales {float: left; width: 400px; font-weight: bold;} #evenement .infos-generales strong {font-weight: normal; color: #A00;} #evenement blockquote {background: #f4f4f4; color: #666; font-size: 1.1em; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px; margin: 15px 0;} #evenement #map {clear: both; margin: 15px auto; padding-top: 10px; width: 610px; height: 300px; position: relative; background-color: #666;} #evenement .infos-pratiques {clear: both; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #DDD;} #evenement .infos-pratiques .col {float: left; width: 50%; margin-bottom: 5px;} #evenement .infos-pratiques .col a {display: inline; font: normal 1em Tahoma, Arial, Sans-serif; background: none; color: #A00; border: none; padding: 0px;} #evenement .infos-pratiques .col a:hover {background: none; color: #FA0; border: none;} #evenement .infos-pratiques p:first-child {margin-bottom: 5px; text-align: left;} #evenement .infos-pratiques p {font: bold 1.1em Tahoma, Arial, Sans-serif; margin-bottom: 10px; text-align: center;} #evenement .infos-pratiques ul {margin: 0px 15px; margin-bottom: 10px} #evenement .infos-pratiques ul li {font-size: 1.1em; background: url(/images/puce02.gif) left 6px no-repeat; padding-left: 10px} #evenement .infos-pratiques a {clear: both; display: block; font: normal 1em Tahoma, Arial, Sans-serif; background: #f4f4f4 url(/images/email.png) 120px 7px no-repeat; color: #333; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 7px 5px;} #evenement .infos-pratiques a:hover {background-color: #FA0; color: #FF0; border-top: 1px dotted #F60; border-bottom: 1px dotted #F60;} #evenement .login_deposant {color: #999; font-style: italic; text-align: right; padding-right: 50px;} #evenement .evenement-passe span {font: bold 1.2em Tahoma, Ariala, Sans-serif; color: #F30; background: #FE0 url(/images/clock_red.png) 5px center no-repeat; padding: 3px 5px; padding-left: 25px; line-height: 20px;} #evenement .evenement-annule span {font: bold 1.2em Tahoma, Ariala, Sans-serif; color: #FE0; background: #F90 url(/images/exclamation.png) 5px center no-repeat; padding: 3px 5px; padding-left: 25px; line-height: 20px;} #evenement .pub-list-google {width: 468px; margin: auto; margin-top: 5px;} /* complement evenement */ #evenement h4.titre-complement {color: #3C0; clear: both; margin: 0; margin-bottom: 15px;} #evenement .lien-complement {font-size: 12px; font-weight: bold; color: #000; width: 300px; float: left; margin-bottom: 15px;} #evenement .lien-complement li {margin-left: 8px;} #evenement .lien-complement li a {font-weight: normal; color: #993333;} #evenement .bloc-liste-pub {width: 200px; height: 90px; float: left; margin-left: 20px; margin-bottom: 15px;} #evenement .liste-evenement {clear: both; width: 610px;} #evenement .liste-evenement .ligne-evenement {width: 285px; float: left; clear: none; height: 65px;} #evenement .liste-evenement .ligne-evenement.impair {background: #FFF;} /* type evenement (accueil) */ .evenement {clear: both; margin-bottom: 15px;} .evenement h3 {display: inline; margin-right: 5px; font: bold 12px Arial, Helvetica, Sans-serif; color: #600;} .evenement ul {display: inline;} .evenement li {display: inline; margin-right: 5px; border-right: 1px solid #600; padding-right: 5px;} .evenement a {color: #333; text-decoration: none;} .evenement a:hover {color: #600;} /* type evenement (droite) */ #droite .evenement {clear: both; margin: 15px 0; height: 150px;} #droite .evenement h3 {display: inline; margin-right: 5px; font: bold 12px Arial, Helvetica, Sans-serif; color: #600;} #droite .evenement ul {display: block;} #droite .evenement li {display: inline; margin: 0; padding: 0; border: none;} #droite .evenement a {color: #3C0; text-decoration: none; display: block; position: absolute; font-weight: bold} #droite .evenement a:hover {color: #600;} #droite .evenement a[href="/vide-greniers"] {margin-top: 25px; margin-left: 0; font-size: 24px;} #droite .evenement a[href="/brocante"] {margin-top: 125px; margin-left: 205px; font-size: 22px;} #droite .evenement a[href="/salon-de-collectionneurs"] {margin-top: 0; margin-left: 10px; font-size: 16px;} #droite .evenement a[href="/braderie"] {margin-top: 0; margin-left: 235px; font-size: 14px;} #droite .evenement a[href="/bourse-d-echange"] {margin-top: 53px; margin-left: 140px; font-size: 14px;} #droite .evenement a[href="/marche-aux-puces"] {margin-top: 70px; margin-left: 10px; font-size: 14px;} #droite .evenement a[href="/bourse-aux-vetements"] {margin-top: 20px; margin-left: 160px; font-size: 14px;} #droite .evenement a[href="/vide-dressings"] {margin-top: 90px; margin-left: 210px; font-size: 14px;} #droite .evenement a[href="/vide-jardins"] {margin-top: 105px; margin-left: 150px; font-size: 13px;} #droite .evenement a[href="/foire-a-tout"] {margin-top: 119px; margin-left: 0; font-size: 12px;} #droite .evenement a[href="/salon-antiquaires"] {margin-top: 87px; margin-left: 55px; font-size: 12px;} #droite .evenement a[href="/rederie"] {margin-top: 120px; margin-left: 120px; font-size: 11px;} #droite .evenement a[href="/marche-des-createurs"] {margin-top: 70px; margin-left: 170px; font-size: 11px;} #droite .evenement a[href="/vente-aux-encheres"] {margin-top: 50px; margin-left: 0; font-size: 11px;} #droite .evenement a[href="/bourse-aux-jouets"] {margin-top: 103px; margin-left: 20px; font-size: 11px;} #droite .evenement a[href="/marche-de-noel"] {margin-top: 36px; margin-left: 210px; font-size: 11px;} #droite .evenement a[href="/bourse-aux-skis"] {margin-top: 134px; margin-left: 40px; font-size: 11px;} #droite .evenement a[href="/vide-maison"] {margin-top: 140px; margin-left: 160px; font-size: 11px;} /* Module Meteo */ .meteo {width: 398px; border-left: 2px solid #CF9; border-bottom: 2px solid #CF9;} .meteo * {height: auto;} .meteo .default table {background: #FFF; width: 100%; border-collapse: collapse;} .meteo .default table table table {display: block; float: left; width: 132px;} .meteo .default td {background: #CF9;} .meteo .default td b {color: #666;} .meteo .default td td td {background: #FFF;} .meteo .default td a.meteo_ville {color: #0C0;} .meteo .default td a.meteo_temperature {color: #C60;} .meteo .default td img {display: none;} .meteo .default td td td img {display: block;} /* Partager depose */ #gauche #partager {border: 1px solid #3C0; padding: 10px; margin: 10px 0px; font: bold 1.1em Arial, Helvetica, Sans-serif; background: #E1F7D9; width: 390px; float: left;} #gauche #partager .addthis_toolbox {margin: 20px 0px; font-weight: normal;} #gauche #partager .addthis_toolbox a {display: block; width: 48px; height: 48px; margin-right: 10px; padding: 0; background-repeat: none;} #gauche #partager .addthis_toolbox a span {display: none;} #gauche #partager .addthis_toolbox a.addthis_button_facebook {background-image: url(/images/facebook.png);} #gauche #partager .addthis_toolbox a.addthis_button_email {background-image: url(/images/send.png);} #gauche #partager .addthis_toolbox a.addthis_button_live {background-image: url(/images/live.png);} #gauche #partager .addthis_toolbox a.addthis_button_google {background-image: url(/images/google.png);} #gauche #partager .addthis_toolbox a.addthis_button_twitter {background-image: url(/images/twitter.png);} #gauche #partager .addthis_toolbox .addthis_separator {margin-top: 15px; margin-right: 10px;} #gauche #partager .addthis_toolbox a.addthis_button_compact {display: inline; width: auto; height: auto; margin-top: 15px; margin-right: 0px;} #gauche #partager .addthis_toolbox a.addthis_button_compact .at15t_compact {float: right; margin-left: 6px; display: block;} /* Partager pub loto */ #gauche #partager-pub {border: 1px solid #7f0033; padding: 6px 10px; margin: 10px 0px; font: normal 1em Arial, Helvetica, Sans-serif; background: #ffeca8 url(/images/partage-loto.gif) bottom no-repeat; float: left; width: 186px; margin-left: 15px; padding-bottom: 33px} #gauche #partager-pub p em {text-align: center; display: block;} /* Page pub */ #gauche .promotion h2 {border-bottom: 1px solid #CCC; padding: 5px; background: url(/images/bgshade.gif); margin-top: 15px;} #gauche .promotion div {clear: both; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px solid #3C0;} #gauche .promotion div.clear {padding-bottom: 0; margin: 0px; border-bottom: none;} #gauche .promotion div strong {font-size: 1.2em; color: #3C0; padding-left: 18px; background: url(/images/puce-herbe01.gif) no-repeat;} #gauche .promotion div p {float: left; margin-right: 10px;} #gauche .promotion div form {float: left; margin-top: 25px; font-weight: bold;} #gauche .promotion div p {} #gauche .promotion form textarea {width: 290px; height: 90px; margin-top: 10px;} #gauche .promotion div.bloc-demi-colonne, #gauche .promotion div.bloc-tier-colonne {float: left; clear: none; text-align: center; margin-bottom: 20px;} #gauche .promotion div.bloc-tier-colonne {margin: 10px 12px 10px 0; width: 190px;} #gauche .promotion div.bloc-demi-colonne a, #gauche .promotion div.bloc-tier-colonne a {margin: auto;} #gauche .promotion div.bloc-demi-colonne p, #gauche .promotion div.bloc-demi-colonne form, #gauche .promotion div.bloc-tier-colonne p, #gauche .promotion div.bloc-tier-colonne form {float: none;} #gauche .promotion div.bloc-demi-colonne form textarea {width: 270px; height: 110px;} #gauche .promotion div.bloc-tier-colonne form textarea {width: 180px; height: 110px;} /* footer */ #footer {clear: both; color: #666; background: #FFF; padding: 10px 15px; border-top: 1px solid #ccc;} #footer .aligne-droite {float: right;} /*/////////// PAGES STATIQUES ///////////////*/ .bloc-astuce {margin-top: 15px; border-bottom: 1px dotted #CCC; padding-bottom: 5px; background: url(/images/bgshade.gif) left 23px repeat-x;} .bloc-astuce h3 {margin: 0px 0 5px 0px; font-size: 1.3em; color: #3C0; padding-bottom: 5px;background: url(/images/comment.gif) left 7px no-repeat; text-indent: 13px;} .bloc-astuce p {width: 92%; margin: 0px 13px;} ul#sommaire {background: #F9F9F9; border: 1px solid #CCC; padding: 10px; margin: 10px 0 30px 0;} ul#sommaire a {background: url(/images/news.gif) left 4px no-repeat; padding-left: 12px; color: #666; text-decoration: none; font: italic normal 1.1em Arial, Helvetica, Sans-serif;} ul#sommaire a:hover {text-decoration: underline; color: #600;} .faq h2 {color: #3C0; background: url(/images/puce-herbe01.gif) left no-repeat; text-indent: 18px; margin-bottom: 5px;} .faq p {background: url(/images/bgshade.gif) repeat-x; padding: 5px 18px;} .faq p a {background: none;} .faq a.retour {text-align: center; display: block; color: #3C0; text-decoration: none; margin-bottom: 10px;} /* page mot clef */ .intro {margin-top: 10px;} .intro img {float: left;} .intro p {float: left; margin-left: 15px; width: 340px;} .mensuel {width: 150px; float: left;} .mensuel li a {background: url(/images/puce02.gif) 2px 4px no-repeat; padding-left: 15px; font: bold 12px Arial, Helvetica, Sans-serif; text-decoration: none; color: #3C0} .mensuel li a:hover {color: #600} .departement {width: 445px; float: left; margin-left: 15px;} .region {width: 445px; float: left; margin-left: 165px; padding-top: 15px;} .departement li, .region li {display: inline; margin-right: 5px; border-right: 1px solid #3C0; padding-right: 2px;} .departement li a, .region li a {text-decoration: none;} .departement li a span, .region li a span {color: #3C0; font-weight: bold;} .departement li a[href="/vide-greniers/971/guadeloupe"], .departement li a[href="/brocante/971/guadeloupe"], .departement li a[href="/braderie/971/guadeloupe"], .departement li a[href="/marche-de-noel/971/guadeloupe"], .departement li a[href="/bourse-d-echange/971/guadeloupe"], .departement li a[href="/salon-de-collectionneurs/971/guadeloupe"], .departement li a[href="/marche-aux-puces/971/guadeloupe"], .departement li a[href="/foire-a-tout/971/guadeloupe"], .departement li a[href="/rederie/971/guadeloupe"], .departement li a[href="/marche-des-createurs/971/guadeloupe"], .departement li a[href="/vente-aux-encheres/971/guadeloupe"], .departement li a[href="/bourses-aux-jouets/971/guadeloupe"], .departement li a[href="/salon-antiquaires/971/guadeloupe"], .departement li a[href="/bourse-aux-vetements/971/guadeloupe"], .departement li a[href="/vide-jardins/971/guadeloupe"], .departement li a[href="/vide-dressings/971/guadeloupe"] {background: url(/images/flag_blue.png) left no-repeat;padding-left: 20px; display: inline-block;} .pub-inser a {display: block; text-indent: -5000px; height: 40px; width: 635px; margin: 15px 0; background: url(/images/pub-inser.gif) no-repeat;} .outro {font-style: italic; color: #999;} /* CGU */ .cgu h2 {margin-top: 15px; border-bottom: 1px solid #CCC; padding-bottom: 5px;} .cgu h3 {font-size: 1.2em; margin: 0px; margin-top: 8px;} .cgu p, .cgu ul {margin: 5px 10px;} .cgu ul li {background: url(/images/puce03.gif) left 6px no-repeat; padding-left: 10px; margin-left: 15px;} .lexique-cgu h4 {margin: 0px; font-size: 1.3em; margin-bottom: 8px;} .lexique-cgu p {font-style: italic;} .lexique-cgu strong {font-style: normal} /* Thumbnail viewer */ #contenant_viewer{width: 770px; background: black;} #thumbBox{/*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #313131; visibility: hidden; z-index: 10; border: 2px solid black; cursor: hand; cursor: pointer;} #thumbBox .footerbar{/*Footer DIV of thumbbox that contains "close" link */ font: bold 12px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right;} #thumbBox #thumbImage{/*DIV within thumbbox that holds the enlarged image */ background-color: white;} #thumbLoading{/*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #FFFFFF; padding: 5px; z-index: 5;} /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden {display: none;} .ui-helper-hidden-accessible {position: absolute; left: -99999999px;} .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ui-helper-clearfix {display: inline-block;} /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix {height:1%;} .ui-helper-clearfix {display:block;} /* end clearfix */ .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} /* Interaction Cues ----------------------------------*/ .ui-state-disabled {cursor: default !important;} /* Icons ----------------------------------*/ /* states and images */ .ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ece8da&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=100&borderColorHeader=d4ccb0&fcHeader=433f38&iconColorHeader=847e71&bgColorContent=f5f3e5&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dfd9c3&fcContent=312e25&iconColorContent=808080&bgColorDefault=459e00&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=15&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=67b021&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fafaf4&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=d4ccb0&fcActive=459e00&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2b2922&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px */ /* Component containers ----------------------------------*/ .ui-widget {font-family: segoe ui, Arial, sans-serif; font-size: 1.1em;} .ui-widget .ui-widget {font-size: 1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: segoe ui, Arial, sans-serif; font-size: 1em;} .ui-widget-content {border: 1px solid #dfd9c3; background: #f5f3e5 url(/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25;} .ui-widget-content a {color: #312e25;} .ui-widget-header {border: 1px solid #d4ccb0; background: #ece8da url(/images/ui-bg_gloss-wave_100_ece8da_500x100.png) 50% 50% repeat-x; color: #433f38; font-weight: bold;} .ui-widget-header a {color: #433f38;} /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #327e04; background: #459e00 url(/images/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #ffffff; text-decoration: none;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border: 1px solid #327e04; background: #67b021 url(/images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff;} .ui-state-hover a, .ui-state-hover a:hover {color: #ffffff; text-decoration: none;} .ui-state-active, .ui-widget-content .ui-state-active {border: 1px solid #d4ccb0; background: #fafaf4 url(/images/ui-bg_highlight-hard_100_fafaf4_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #459e00;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #459e00; text-decoration: none;} .ui-widget :active {outline: none;} /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(/images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a {color: #363636;} .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(/images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a;} .ui-state-error a, .ui-widget-content .ui-state-error a {color: #cd5c0a;} .ui-state-error-text, .ui-widget-content .ui-state-error-text {color: #cd5c0a;} .ui-priority-primary, .ui-widget-content .ui-priority-primary {font-weight: bold;} .ui-priority-secondary, .ui-widget-content .ui-priority-secondary {opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;} .ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity: .35; filter:Alpha(Opacity=35); background-image: none;} /* Icons ----------------------------------*/ /* states and images */ .ui-icon {width: 16px; height: 16px; background-image: url(/images/ui-icons_808080_256x240.png);} .ui-widget-content .ui-icon {background-image: url(/images/ui-icons_808080_256x240.png);} .ui-widget-header .ui-icon {background-image: url(/images/ui-icons_847e71_256x240.png);} .ui-state-default .ui-icon {background-image: url(/images/ui-icons_eeeeee_256x240.png);} .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_ffffff_256x240.png);} .ui-state-active .ui-icon {background-image: url(/images/ui-icons_8dc262_256x240.png);} .ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_8dc262_256x240.png);} .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_cd0a0a_256x240.png);} /* positioning */ .ui-icon-carat-1-n {background-position: 0 0;} .ui-icon-carat-1-ne {background-position: -16px 0;} .ui-icon-carat-1-e {background-position: -32px 0;} .ui-icon-carat-1-se {background-position: -48px 0;} .ui-icon-carat-1-s {background-position: -64px 0;} .ui-icon-carat-1-sw {background-position: -80px 0;} .ui-icon-carat-1-w {background-position: -96px 0;} .ui-icon-carat-1-nw {background-position: -112px 0;} .ui-icon-carat-2-n-s {background-position: -128px 0;} .ui-icon-carat-2-e-w {background-position: -144px 0;} .ui-icon-triangle-1-n {background-position: 0 -16px;} .ui-icon-triangle-1-ne {background-position: -16px -16px;} .ui-icon-triangle-1-e {background-position: -32px -16px;} .ui-icon-triangle-1-se {background-position: -48px -16px;} .ui-icon-triangle-1-s {background-position: -64px -16px;} .ui-icon-triangle-1-sw {background-position: -80px -16px;} .ui-icon-triangle-1-w {background-position: -96px -16px;} .ui-icon-triangle-1-nw {background-position: -112px -16px;} .ui-icon-triangle-2-n-s {background-position: -128px -16px;} .ui-icon-triangle-2-e-w {background-position: -144px -16px;} .ui-icon-arrow-1-n {background-position: 0 -32px;} .ui-icon-arrow-1-ne {background-position: -16px -32px;} .ui-icon-arrow-1-e {background-position: -32px -32px;} .ui-icon-arrow-1-se {background-position: -48px -32px;} .ui-icon-arrow-1-s {background-position: -64px -32px;} .ui-icon-arrow-1-sw {background-position: -80px -32px;} .ui-icon-arrow-1-w {background-position: -96px -32px;} .ui-icon-arrow-1-nw {background-position: -112px -32px;} .ui-icon-arrow-2-n-s {background-position: -128px -32px;} .ui-icon-arrow-2-ne-sw {background-position: -144px -32px;} .ui-icon-arrow-2-e-w {background-position: -160px -32px;} .ui-icon-arrow-2-se-nw {background-position: -176px -32px;} .ui-icon-arrowstop-1-n {background-position: -192px -32px;} .ui-icon-arrowstop-1-e {background-position: -208px -32px;} .ui-icon-arrowstop-1-s {background-position: -224px -32px;} .ui-icon-arrowstop-1-w {background-position: -240px -32px;} .ui-icon-arrowthick-1-n {background-position: 0 -48px;} .ui-icon-arrowthick-1-ne {background-position: -16px -48px;} .ui-icon-arrowthick-1-e {background-position: -32px -48px;} .ui-icon-arrowthick-1-se {background-position: -48px -48px;} .ui-icon-arrowthick-1-s {background-position: -64px -48px;} .ui-icon-arrowthick-1-sw {background-position: -80px -48px;} .ui-icon-arrowthick-1-w {background-position: -96px -48px;} .ui-icon-arrowthick-1-nw {background-position: -112px -48px;} .ui-icon-arrowthick-2-n-s {background-position: -128px -48px;} .ui-icon-arrowthick-2-ne-sw {background-position: -144px -48px;} .ui-icon-arrowthick-2-e-w {background-position: -160px -48px;} .ui-icon-arrowthick-2-se-nw {background-position: -176px -48px;} .ui-icon-arrowthickstop-1-n {background-position: -192px -48px;} .ui-icon-arrowthickstop-1-e {background-position: -208px -48px;} .ui-icon-arrowthickstop-1-s {background-position: -224px -48px;} .ui-icon-arrowthickstop-1-w {background-position: -240px -48px;} .ui-icon-arrowreturnthick-1-w {background-position: 0 -64px;} .ui-icon-arrowreturnthick-1-n {background-position: -16px -64px;} .ui-icon-arrowreturnthick-1-e {background-position: -32px -64px;} .ui-icon-arrowreturnthick-1-s {background-position: -48px -64px;} .ui-icon-arrowreturn-1-w {background-position: -64px -64px;} .ui-icon-arrowreturn-1-n {background-position: -80px -64px;} .ui-icon-arrowreturn-1-e {background-position: -96px -64px;} .ui-icon-arrowreturn-1-s {background-position: -112px -64px;} .ui-icon-arrowrefresh-1-w {background-position: -128px -64px;} .ui-icon-arrowrefresh-1-n {background-position: -144px -64px;} .ui-icon-arrowrefresh-1-e {background-position: -160px -64px;} .ui-icon-arrowrefresh-1-s {background-position: -176px -64px;} .ui-icon-arrow-4 {background-position: 0 -80px;} .ui-icon-arrow-4-diag {background-position: -16px -80px;} .ui-icon-extlink {background-position: -32px -80px;} .ui-icon-newwin {background-position: -48px -80px;} .ui-icon-refresh {background-position: -64px -80px;} .ui-icon-shuffle {background-position: -80px -80px;} .ui-icon-transfer-e-w {background-position: -96px -80px;} .ui-icon-transferthick-e-w {background-position: -112px -80px;} .ui-icon-folder-collapsed {background-position: 0 -96px;} .ui-icon-folder-open {background-position: -16px -96px;} .ui-icon-document {background-position: -32px -96px;} .ui-icon-document-b {background-position: -48px -96px;} .ui-icon-note {background-position: -64px -96px;} .ui-icon-mail-closed {background-position: -80px -96px;} .ui-icon-mail-open {background-position: -96px -96px;} .ui-icon-suitcase {background-position: -112px -96px;} .ui-icon-comment {background-position: -128px -96px;} .ui-icon-person {background-position: -144px -96px;} .ui-icon-print {background-position: -160px -96px;} .ui-icon-trash {background-position: -176px -96px;} .ui-icon-locked {background-position: -192px -96px;} .ui-icon-unlocked {background-position: -208px -96px;} .ui-icon-bookmark {background-position: -224px -96px;} .ui-icon-tag {background-position: -240px -96px;} .ui-icon-home {background-position: 0 -112px;} .ui-icon-flag {background-position: -16px -112px;} .ui-icon-calendar {background-position: -32px -112px;} .ui-icon-cart {background-position: -48px -112px;} .ui-icon-pencil {background-position: -64px -112px;} .ui-icon-clock {background-position: -80px -112px;} .ui-icon-disk {background-position: -96px -112px;} .ui-icon-calculator {background-position: -112px -112px;} .ui-icon-zoomin {background-position: -128px -112px;} .ui-icon-zoomout {background-position: -144px -112px;} .ui-icon-search {background-position: -160px -112px;} .ui-icon-wrench {background-position: -176px -112px;} .ui-icon-gear {background-position: -192px -112px;} .ui-icon-heart {background-position: -208px -112px;} .ui-icon-star {background-position: -224px -112px;} .ui-icon-link {background-position: -240px -112px;} .ui-icon-cancel {background-position: 0 -128px;} .ui-icon-plus {background-position: -16px -128px;} .ui-icon-plusthick {background-position: -32px -128px;} .ui-icon-minus {background-position: -48px -128px;} .ui-icon-minusthick {background-position: -64px -128px;} .ui-icon-close {background-position: -80px -128px;} .ui-icon-closethick {background-position: -96px -128px;} .ui-icon-key {background-position: -112px -128px;} .ui-icon-lightbulb {background-position: -128px -128px;} .ui-icon-scissors {background-position: -144px -128px;} .ui-icon-clipboard {background-position: -160px -128px;} .ui-icon-copy {background-position: -176px -128px;} .ui-icon-contact {background-position: -192px -128px;} .ui-icon-image {background-position: -208px -128px;} .ui-icon-video {background-position: -224px -128px;} .ui-icon-script {background-position: -240px -128px;} .ui-icon-alert {background-position: 0 -144px;} .ui-icon-info {background-position: -16px -144px;} .ui-icon-notice {background-position: -32px -144px;} .ui-icon-help {background-position: -48px -144px;} .ui-icon-check {background-position: -64px -144px;} .ui-icon-bullet {background-position: -80px -144px;} .ui-icon-radio-off {background-position: -96px -144px;} .ui-icon-radio-on {background-position: -112px -144px;} .ui-icon-pin-w {background-position: -128px -144px;} .ui-icon-pin-s {background-position: -144px -144px;} .ui-icon-play {background-position: 0 -160px;} .ui-icon-pause {background-position: -16px -160px;} .ui-icon-seek-next {background-position: -32px -160px;} .ui-icon-seek-prev {background-position: -48px -160px;} .ui-icon-seek-end {background-position: -64px -160px;} .ui-icon-seek-start {background-position: -80px -160px;} /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first {background-position: -80px -160px;} .ui-icon-stop {background-position: -96px -160px;} .ui-icon-eject {background-position: -112px -160px;} .ui-icon-volume-off {background-position: -128px -160px;} .ui-icon-volume-on {background-position: -144px -160px;} .ui-icon-power {background-position: 0 -176px;} .ui-icon-signal-diag {background-position: -16px -176px;} .ui-icon-signal {background-position: -32px -176px;} .ui-icon-battery-0 {background-position: -48px -176px;} .ui-icon-battery-1 {background-position: -64px -176px;} .ui-icon-battery-2 {background-position: -80px -176px;} .ui-icon-battery-3 {background-position: -96px -176px;} .ui-icon-circle-plus {background-position: 0 -192px;} .ui-icon-circle-minus {background-position: -16px -192px;} .ui-icon-circle-close {background-position: -32px -192px;} .ui-icon-circle-triangle-e {background-position: -48px -192px;} .ui-icon-circle-triangle-s {background-position: -64px -192px;} .ui-icon-circle-triangle-w {background-position: -80px -192px;} .ui-icon-circle-triangle-n {background-position: -96px -192px;} .ui-icon-circle-arrow-e {background-position: -112px -192px;} .ui-icon-circle-arrow-s {background-position: -128px -192px;} .ui-icon-circle-arrow-w {background-position: -144px -192px;} .ui-icon-circle-arrow-n {background-position: -160px -192px;} .ui-icon-circle-zoomin {background-position: -176px -192px;} .ui-icon-circle-zoomout {background-position: -192px -192px;} .ui-icon-circle-check {background-position: -208px -192px;} .ui-icon-circlesmall-plus {background-position: 0 -208px;} .ui-icon-circlesmall-minus {background-position: -16px -208px;} .ui-icon-circlesmall-close {background-position: -32px -208px;} .ui-icon-squaresmall-plus {background-position: -48px -208px;} .ui-icon-squaresmall-minus {background-position: -64px -208px;} .ui-icon-squaresmall-close {background-position: -80px -208px;} .ui-icon-grip-dotted-vertical {background-position: 0 -224px;} .ui-icon-grip-dotted-horizontal {background-position: -16px -224px;} .ui-icon-grip-solid-vertical {background-position: -32px -224px;} .ui-icon-grip-solid-horizontal {background-position: -48px -224px;} .ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;} .ui-icon-grip-diagonal-se {background-position: -80px -224px;} /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;} .ui-corner-tr {-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;} .ui-corner-bl {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;} .ui-corner-br {-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} .ui-corner-top {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px;} .ui-corner-bottom {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;} .ui-corner-left {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;} .ui-corner-all {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} /* Overlays */ .ui-widget-overlay {background: #2b2922 url(/images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x; opacity: .90;filter:Alpha(Opacity=90);} .ui-widget-shadow {margin: -12px 0 0 -12px; padding: 12px; background: #cccccc url(/images/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}/* Resizable ----------------------------------*/ .ui-resizable {position: relative;} .ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;} .ui-resizable-n {cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;} .ui-resizable-s {cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;} .ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;} .ui-resizable-w {cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;} .ui-resizable-se {cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;} .ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;} .ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;} .ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header {cursor: pointer; position: relative; margin-top: 1px; zoom: 1;} .ui-accordion .ui-accordion-li-fix {display: inline;} .ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;} .ui-accordion .ui-accordion-header a {display: block; font-size: 1em; padding: .5em .5em .5em .7em;} .ui-accordion-icons .ui-accordion-header a {padding-left: 2.2em;} .ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px;} .ui-accordion .ui-accordion-content {padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1;} .ui-accordion .ui-accordion-content-active {display: block;}/* Autocomplete ----------------------------------*/ .ui-autocomplete {position: absolute; cursor: default;} .ui-autocomplete-loading {background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat;} /* workarounds */ * html .ui-autocomplete {width:1px;} /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {margin: -1px;} /* Button ----------------------------------*/ .ui-button {display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible;} /* the overflow property removes extra width in IE */ .ui-button-icon-only {width: 2.2em;} /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only {width: 2.4em;} /* button elements seem to need a little more width */ .ui-button-icons-only {width: 3.4em;} button.ui-button-icons-only {width: 3.7em;} /*button text element */ .ui-button .ui-button-text {display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text {padding: .4em 1em;} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding: .4em; text-indent: -9999999px;} .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;} .ui-button-text-icons .ui-button-text {padding-left: 2.1em; padding-right: 2.1em;} /* no icon support for input elements, provide padding by default */ input.ui-button {padding: .4em 1em;} /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {position: absolute; top: 50%; margin-top: -8px;} .ui-button-icon-only .ui-icon {left: 50%; margin-left: -8px;} .ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {left: .5em;} .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {right: .5em;} /*button sets*/ .ui-buttonset {margin-right: 7px;} .ui-buttonset .ui-button {margin-left: 0; margin-right: -.3em;} /* workarounds */ button.ui-button::-moz-focus-inner {border: 0; padding: 0;} /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog {position: absolute; padding: .2em; width: 300px; overflow: hidden;} .ui-dialog .ui-dialog-titlebar {padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title {float: left; margin: .1em 16px .2em 0;} .ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;} .ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0;} .ui-dialog .ui-dialog-content {border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1;} .ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em;} .ui-dialog .ui-dialog-buttonpane button {float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible;} .ui-dialog .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px;} .ui-draggable .ui-dialog-titlebar {cursor: move;} /* Slider ----------------------------------*/ .ui-slider {position: relative; text-align: left;} .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;} .ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;} .ui-slider-horizontal {height: .8em;} .ui-slider-horizontal .ui-slider-handle {top: -.3em; margin-left: -.6em;} .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;} .ui-slider-horizontal .ui-slider-range-min {left: 0;} .ui-slider-horizontal .ui-slider-range-max {right: 0;} .ui-slider-vertical {width: .8em; height: 100px;} .ui-slider-vertical .ui-slider-handle {left: -.3em; margin-left: 0; margin-bottom: -.6em;} .ui-slider-vertical .ui-slider-range {left: 0; width: 100%;} .ui-slider-vertical .ui-slider-range-min {bottom: 0;} .ui-slider-vertical .ui-slider-range-max {top: 0;}/* Tabs ----------------------------------*/ .ui-tabs {position: relative; padding: .2em; zoom: 1;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav {margin: 0; padding: .2em .2em 0;} .ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;} .ui-tabs .ui-tabs-nav li a {float: left; padding: .5em 1em; text-decoration: none;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel {display: block; border: 0; padding: 1em 1.4em; background: none;} .ui-tabs .ui-tabs-hide {display: none !important;} /* Datepicker ----------------------------------*/ .ui-datepicker {width: 17em; padding: .2em .2em 0;} .ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top: 2px; width: 1.8em; height: 1.8em;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px;} .ui-datepicker .ui-datepicker-prev {left:2px;} .ui-datepicker .ui-datepicker-next {right:2px;} .ui-datepicker .ui-datepicker-prev-hover {left:1px;} .ui-datepicker .ui-datepicker-next-hover {right:1px;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center;} .ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0;} .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em;} .ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td {border: 0; padding: 1px;} .ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;} /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi {width:auto;} .ui-datepicker-multi .ui-datepicker-group {float:left;} .ui-datepicker-multi .ui-datepicker-group table {width:95%; margin:0 auto .4em;} .ui-datepicker-multi-2 .ui-datepicker-group {width:50%;} .ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%;} .ui-datepicker-multi-4 .ui-datepicker-group {width:25%;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width:0;} .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0;} .ui-datepicker-multi .ui-datepicker-buttonpane {clear:left;} .ui-datepicker-row-break {clear:both; width:100%;} /* RTL support */ .ui-datepicker-rtl {direction: rtl;} .ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto;} .ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto;} .ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto;} .ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right;} .ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right;} .ui-datepicker-rtl .ui-datepicker-group {float:right;} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0; border-left-width:1px;} .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0; border-left-width:1px;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar {height:2em; text-align: left;} .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%;}