/* ____ARTICLELIST ____ */
img {
    border: 0
    }
/**/
div.break {
    clear: both;
    display: block;
    height: 1px;
    background: url(images/espace.png)
    }
.filet {
    clear: both;
    display: block;
    height: 1px;
    /* width: 100%; */
    margin-top: 10px;
    border-top: 1px solid
    }
#chemin {
    text-decoration: none;
    font-size: 90%;
    color: #70787F;
    margin: 8px 0 8px 8px
    }
.chemin {
    text-decoration: none;
    font-size: 90%;
    color: #70787F
    }
a.chemin:hover {
    color: #5D97DC
    }
#articleprint {
    padding: 30px
    }
/* --- header_item_tpl --- */
#rubrique_header {
    display: block;
    width: 522px;
    margin-bottom: 10px;
    background: #fff;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 0;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 4px;
    border-left-width: 50px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid
    }
#rubrique_header img {
    display: none
    }
.titre_rubrique {
    padding: 7px 0 3px 40px;
    font-family: Arial;
    font-size: 18px;
    color: #336
    }
.rubrique_desc {
    font-family: Arial;
    font-size: 90%;
    padding: 0 0 0 40px;
    /* font-style: italic; */
    }
/* --- header_item_tpl --- */
/* ! gestion des marges hautes et basses des textes du contenu */
div p {
    margin: 6px 0 6px 0
    }
/* ! Styles communs à TOUS les articles dans articlelist quel que soit leur placement */
.article {
    padding: 0 0 0 0;
    margin: 10px 0 0 0
    }
.article p {
    padding: 10px 0 0 0;
    margin: 0
    }
/* ! placement de l'article de gauche si deux colonnes */
.article_gauche {
    width: 100%
    }
.two_cols_spacer {
    display: block;
    width: 10px;
    height: 10px
    }
/* ! placement de l'article de droite si deux colonnes */
.article_droite {
    width: 100%
    }
/* - CONTENU D'UN ARTICLE - */
.date_article {
    color: #8B8B8B;
    font-size: 80%;
    font-weight: normal
    }
.auteur {
    color: #999;
    font-size: 80%;
    font-weight: normal
    }
.titre_article {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #000
    }
a.titre_article:hover {
    color: #0A5EBA
    }
.article_intro {
    text-align: justify;
    font-size: 8pt;
    color: #000;
    line-height: 13pt
    }
/***/
a.lien {
    color: #066AAF;
    text-decoration: none
    }
a.lien:hover {
    color: #066AAF;
    text-decoration: underline
    }
a.lien_signature {
    color: #03F;
    text-decoration: none
    }
a.lien_signature:hover {
    color: #F16D16;
    text-decoration: underline
    }
a.mailto {
    color: #066AAF;
    text-decoration: none
    }
a.mailto:hover {
    color: #066AAF;
    text-decoration: underline
    }
a.lire_la_suite {
    padding-left: 12px;
    font-weight: bold;
    text-decoration: none;
    font-size: 8pt;
    background: url(images/lire_la_suite.png) no-repeat 0 2px
    }
a.lire_la_suite:hover {
    background: url(images/lire_la_suiteo.png) no-repeat 0 2px
    }
/* --- IMAGES --- */
/* ! couleur par défaut de la bordure d'image */
img {
    border-color: #999
    }
/* ! Placement des images */
.conteneur_imagecenter {
    display: block;
    margin: 10px 0 10px 0;
    text-align: center
    }
.imageleft {
    margin-right: 10px;
    /**/
    float: left;
    padding: 0
    }
.imagecenter {
    margin: 0;
    padding: 2px;
    border: 0
    }
.imageright {
    margin-left: 10px;
    /**/
    float: right;
    display: inline
    }
.image_accueil {
    margin-right: 10px;
    /**/
    float: left
    }
.legende_photo {
    display: block;
    padding: 0 0 2px 0;
    font-size: 0.9em;
    font-style: italic;
    text-align: center;
    font-weight: normal;
    color: #000;
    /*border-top: 1px solid #000;*/
    }
/* --- IMAGEVIEW --- */
#imageview {
    text-align: center;
    margin: 10px
    }
#imageview .legende_photo {
    font-size: 100%;
    font-weight: bold;
    padding: 6px 0 1px 0
    }
#imageview .description_photo {
    text-align: left;
    font-size: 90%;
    padding: 6px 0 1px 0
    }
#imageview #retour {
    text-align: right;
    margin: 20px 0 20px 0;
    padding: 6px 0 6px 0;
    border-top: 1px solid
    }
/* --- TABLEAUX --- */
.tableleft {
    margin-right: 10px
    }
.tableright {
    margin-left: 10px
    }
/* - CONTENU D'UN ARTICLE end - */
/* ! styles de la navigation (= numéros de page + "suivant" et "précédent") */
/* --- type_list_tpl --- */
#navigation {
    margin: 0 14px 0 14px;
    font-size: 7pt;
    color: #000
    }
#navigation a {
    text-decoration: none;
    font-size: 7pt;
    color: #000
    }
#navigation a:hover {
    color: #5D97DC
    }
.page_nav_active {
    font-weight: bold;
    color: #5D97DC
    }
/* --- type_list_tpl  --- */
#retour {
    clear: both;
    text-align: right;
    margin: 0 20px 20px 20px;
    padding: 6px 0 6px 0;
    /**/
    clear: both;
    font-weight: bold
    }
.retour {
    padding: 3px 4px 3px 4px;
    text-decoration: none;
    font-size: 8pt;
    color: #336;
    border: 1px solid #336
    }
a.retour:hover {
    background: url(images/retour_bgd.png)
    }
/* ____ARTICLELIST end ____ */
/* ! lien sur paragraphes (présent dans la page de résultat de recherche */
.justifie, a.justifie {
    text-align: justify;
    font-size: 8pt;
    color: #000;
    text-decoration: none
    }
a.justifie:hover {
    color: #090
    }
/* ! alternance de couleur de fond défini par la valeur de la variable {td_class} située dans les fichiers php */
.bglight {
    background: #F30;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #333
    }
.bgdark {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #333
    }
/* ----- Affichage des sous rubriques ----- */
/* sous_rubriques haut */
.sous_rubriques_haut {
    margin: 10px 0 6px 10px;
    padding: 4px;
    background: #F5F3EE;
    border: 1px solid #3E7CC0;
    /**/
    width: 150px;
    float: right
    }
.sous_rubrique_haut_titre {
    font-weight: bold;
    padding: 4px;
    color: #000
    }
a.sous_rubrique_haut {
    display: block;
    /*width: 100%;*/
    width: 140px;
    text-decoration: none;
    padding: 4px;
    color: #3E7CC0
    }
a.sous_rubrique_haut:hover {
    color: #fff;
    background: url(images/retour_bgd.png)
    }
/* sous_rubriques bas */
#sous_rubriques {
    display: block;
    margin: 0 20px 0 20px;
    padding: 4px;
    background: #BFE7F9;
    border: 1px solid #3E7CC0
    }
#sous_rubriques_bis {
    display: block;
    margin: 0 20px 0 20px;
    padding: 4px;
    background: #F7D880;
    border: 1px solid #3E7CC0
    }
#sous_rubriques_ter {
    display: block;
    margin: 0 20px 0 20px;
    padding: 4px;
    background: #E9E9E9;
    border: 1px solid #3E7CC0
    }
.sous_rubrique {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0
    }
.sous_rubriques_titre {
    font-weight: bold;
    padding: 0;
    color: #000;
    padding: 4px 10px 4px 10px
    }
a.sous_rubrique_titre {
    display: block;
    padding: 4px 10px 4px 10px;
    text-decoration: none;
    font-size: 11px;
    color: #3E7CC0
    }
a.sous_rubrique_titre:hover {
    color: #fff;
    background: url(images/retour_bgd.png)
    }
/* ----- FORMULAIRES ----- */
.okbutton {
    font-family: Arial;
    border: 1px solid #999;
    color: #fff;
    background: #000
    }
#cnil {
    color: #4C9BFF;
    font-size: 90%
    }
#cnil a {
    color: #666;
    text-decoration: underline;
    font-size: 100%
    }
#cnil a:hover {
    color: #5B5B5B;
    text-decoration: underline
    }
.champs_intitule {
    color: #000;
    padding: 0 0 6px 0
    }
.champs {
    font-family: Trebuchet MS;
    color: #4C9BFF
    }
.champs2 {
    font-weight: bold;
    font-family: Trebuchet MS;
    color: #4C9BFF
    }
/* ----- AUTRES PAGES ----- */
.liste {
    text-align: justify;
    color: #5B5A58
    }
/* ----- NEWSLETTER ----- */
.news_text {
    font-family: Trebuchet MS;
    color: #0A5EBA;
    font-weight: bold;
    border: 1px solid #666
    }
.news_button {
    border: 1px solid #999;
    color: #fff;
    background: #4C9BFF
    }
.news_button_vert {
    font-family: Arial;
    border: 5px solid #028275;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #028275
    }
.nl_list_bg1 {
    color: #666;
    background: #CCC
    }
.nl_list_bg2 {
    color: #666;
    background: #CCC
    }
/* mise en forme de la news dans le mail */
#newsletter {
    font-size: 11px
    }
.nl_mention {
    font-size: 11px;
    font-family: Trebuchet MS
    }
/* ----- NEWSLETTER end ----- */
/* plan du site */
#sitemap div {
    padding: 4px 0 4px 0
    }
#sitemap a {
    font-size: 11px
    }
.sitemap_rubrique {
    text-decoration: none;
    font-weight: bold
    }
a.sitemap_rubrique:hover {
    color: #FF7F38
    }
.sitemap_article {
    text-decoration: none
    }
a.sitemap_article:hover {
    color: #FF7F38
    }
/* slideshow */
/* ce style fixe la navigation et la photo du slideshow
	   sur la hauteur si la légende n'excède pas 3 lignes (sinon elle pousse vers le bas) */
#caption {
    height: 40px;
    font-family: Trebuchet MS;
    font-weight: bold;
    font-size: 11px;
    color: #4372C3
    }
#photo {
    border: 2px solid #000
    }
/* sondage */
#frontpage_sondage {
    background: #D894D0;
    margin: 5px 10%;
    /*margin: 10px 0 10px 0;
    	border: 1px solid #D894D0;*/
    font-size: 10px
    }
.sondage_titre {
    color: #fff;
    background: #710171;
    font-size: 11px;
    padding: 4px 10px 4px 10px
    }
.sondage_texte {
    text-decoration: none;
    color: #7D746C;
    font-size: 10px;
    padding: 4px 10px 4px 10px
    }
.sondage_lien {
    text-decoration: none;
    color: #D894D0;
    background: #EEECE7;
    font-size: 10px;
    padding: 0 6px 0 6px;
    margin: 10px 0 10px 10px
    }
a.sondage_lien:hover {
    color: #fff;
    background: #D894D0
    }
#votepage {
    font-size: 11px
    }
#votepage form {
    margin: 0
    }
#votepage td.resultat {
    border: 1px solid #000;
    margin: 0 0 6px 0;
    background: #999
    }
#votepage td.resultat2 {
    border: 1px solid #000;
    margin: 0 0 6px 0;
    background: #eee
    }
#votepage div.left {
    float: left;
    margin-right: 10px
    }
#votepage div.right {
    float: left
    }
/* ---- FICHES----- */
#fiche {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    /*jf gérer les marges du pop up*/
    }
#fiche_in {
    padding: 0;
    margin: 0;
    /*jf gérer les marges du pop up*/
    }
#fiche .contenu, #fiche_in .contenu {
    padding: 20px
    }
#fiche .article, #fiche_in .article {
    padding: 0 10px 10px 10px;
    text-align: justify
    }
#fiche .image2, #fiche_in .image2 {
    padding: 0 0 0 0
    }
#fiche .fichiers_attaches, #fiche_in .fichiers_attaches {
    padding: 0 0 0 0
    }
#fiche .fichier_attache, #fiche_in .fichier_attache {
    padding: 4px;
    border-top: 1px dotted #005E9E;
    border-left: 1px dotted #005E9E;
    background: #F0F4F7
    }
#fiche .navigation, #fiche_in .navigation {
    padding: 0 0 10px 0;
    font-size: 7pt;
    color: #000
    }
#fiche .navigation a, #fiche_in .navigation a {
    text-decoration: none;
    font-size: 7pt;
    color: #000
    }
#fiche .navigation a:hover, #fiche_in .navigation a:hover {
    color: #005E9E
    }
#fiche .bas {
    border-top: 1px solid #0A5EBA;
    padding: 6px 0 0 0;
    text-align: right
    }
a.fiche_lien {
    font-weight: bold;
    color: #0A5EBA;
    text-decoration: none
    }
a.fiche_lien:hover {
    color: #FF9D00
    }
/* ---- imageview----- */
a.imgview_lien {
    font-weight: bold;
    color: #7BA521;
    text-decoration: none
    }
a.imgview_lien:hover {
    color: #999
    }
.hr {
    color: #5D97DC
    }
/* --JF-- */
/* ----- AUTRES PAGES end ----- */
/* ----- FRONTPAGE ----- */
#frontpage .lire_la_suite {
    margin-top: 10px;
    color: #3770B8
    }
/* antony 27 10 pour frontpage 2 cols */
/**/
.justifie p {
    padding: 0;
    margin: 0
    }
.fp_article {
    margin: 0 20px 20px 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #373E6A;
    line-height: 13pt
    }
.fp_article_une {
    margin: 0 20px 20px 20px;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #373E6A;
    line-height: 13pt;
    width: 365px
    }
/* ! placement de l'article de gauche si deux colonnes */
.fp_article_gauche {
    padding: 0 0 0 0;
    margin: 0 10px 20px 0;
    border-bottom: 1px solid #373E6A
    }
/* ! placement de l'article de droite si deux colonnes */
.fp_article_droite {
    padding: 0 0 0 0;
    margin: 0 0 20px 10px;
    border-bottom: 1px solid #373E6A
    }
.fp_article_gauche .titre_article {
    margin: 0 0 13px 0
    }
.fp_article_droite .titre_article {
    margin: 0 0 13px 0
    }
.fp_titre_rubrique {
    font-weight: bold;
    font-size: 18px;
    color: #336;
    border-bottom: 1px solid;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 30px
    }
.fp_image_accueil {
    float: left;
    margin: 0 10px 0 0
    }
.fp_read_more {
    padding: 0 0 0 0;
    margin: 10px 0 0 0
    }
a.fp_read_more {
    color: #C30;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold
    }
a.fp_read_more:hover {
    color: #999
    }
#fp_left {
    /**/
    float: right;
    width: 165px;
    padding: 0 0 0 16px;
    background: #fff
    }
#frontpage_droite_clign {
    background: url(images/clign_bgd.gif);
    clear: both;
    border-left: 1px solid #5D97DC
    }
#frontpage_droite_clign .breve_titre {
    margin: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 11px
    }
#frontpage_droite_clign .breve_intro {
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 10px
    }
#frontpage_droite1 {
    background: url(images/zoom_ecoconso.gif);
    clear: both;
    border-left: 1px solid #5D97DC
    }
#frontpage_droite1 .breves_titre_rubrique {
    height: 234px;
    background: url(images/fete_energie.gif)
    }
#frontpage_droite1 .breves_titre_ecoconso {
    height: 234px;
    background: url(images/eco_conso.gif)
    }
#frontpage_droite1 .breve {
    padding: 0 10px 10px 10px
    }
#frontpage_droite1 img {
    display: none
    }
#frontpage_droite1 .breve p {
    margin: 0;
    padding: 0
    }
#frontpage_droite1 .breve_titre {
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-size: 11px
    }
#frontpage_droite1 a.breve_intro p {
    display: outline
    }
#frontpage_droite1 a.breve_intro {
    text-decoration: none;
    color: #fff;
    font-size: 10px
    }
#frontpage_droite1 a.breve_intro:hover {
    color: #fff
    }
#frontpage_droite1 a.lire_la_suite {
    display: block;
    margin-top: 6px;
    padding-left: 14px;
    background: url(images/fp_droite_readmore.png) no-repeat 0 2px;
    color: #000
    }
#frontpage_droite1 a.lire_la_suite:hover {
    color: #fff
    }
#frontpage_droite2 {
    background: #fff;
    clear: both;
    border-left: 1px solid #5D97DC
    }
#frontpage_droite2 .breves_titre_rubrique {
    height: 45px;
    background: url(images/fp_droite1_haut.png)
    }
#frontpage_droite2 .breves_titre_rubrique_4 {
    height: 45px;
    background: url(images/fp_droite4_haut.png)
    }
#frontpage_droite2 .breves_titre_rubrique_3 {
    height: 45px;
    background: url(images/fp_droite4_haut.png)
    }
#frontpage_droite2 .breves_titre_rubrique_2 {
    height: 57px;
    background: url(images/fp_droite3_haut.png)
    }
#frontpage_droite2 .breves_titre_rubrique_5 {
    height: 45px;
    background: url(images/fp_droite5_haut.png)
    }
#frontpage_droite2 img {
    display: none
    }
#frontpage_droite2 .breve {
    padding: 0 10px 10px 10px
    }
#frontpage_droite2 .breve p {
    margin: 0;
    padding: 0
    }
#frontpage_droite2 .breve_titre {
    font-weight: bold;
    text-decoration: none;
    color: #5D97DC;
    font-size: 11px
    }
#frontpage_droite2 a.breve_intro p {
    display: outline
    }
#frontpage_droite2 a.breve_intro {
    text-decoration: none;
    color: #2E3762;
    font-size: 10px
    }
#frontpage_droite2 a.breve_intro:hover {
    color: #5D97DC
    }
#frontpage_droite2 a.lire_la_suite {
    display: none
    }
#frontpage_droite3 {
    display: block;
    clear: both;
    border-left: 1px solid #5D97DC;
    padding-bottom: 101%;
    _padding-bottom: 30%;
    background: #fff
    }
#frontpage_droite3 .breves_titre_rubrique {
    height: 42px;
    background: url(images/fp_droite2_haut.png)
    }
#frontpage_droite3 img {
    display: none
    }
#frontpage_droite3 .breve {
    padding: 0 10px 10px 14px;
    background: url(images/fp_droite2_bgd.png);
    margin: 0 3px 0 4px;
    _margin: 0 3px 0 4px
    }
#frontpage_droite3 .breve p {
    margin: 0;
    padding: 0
    }
#frontpage_droite3 .breve_titre {
    font-weight: bold;
    text-decoration: none;
    color: #373E6A;
    font-size: 11px
    }
#frontpage_droite3 a.breve_intro p {
    display: outline
    }
#frontpage_droite3 a.breve_intro {
    text-decoration: none;
    color: #373E6A;
    font-size: 10px
    }
#frontpage_droite3 a.breve_intro:hover {
    color: #373E6A
    }
#frontpage_droite3 a.lire_la_suite {
    display: block;
    margin-top: 6px;
    padding-left: 14px;
    background: url(images/fp_droite2_readmore.png) no-repeat 0 2px;
    color: #FFF
    }
#frontpage_droite3 a.lire_la_suite:hover {
    color: #3770B8
    }
/* ----- FRONTPAGE end ----- */
/* -- Ecards -- */
#e_card div {
    margin: 10px 0 20px 0
    }
#e_card .legende {
    font-size: 7pt;
    color: #666;
    letter-spacing: 1px;
    text-align: left
    }
/* -- cardlist -- */
.carte_gauche {
    border: 1px solid #999;
    padding: 10px;
    background: #F1F1F1
    }
.carte_droite {
    border: 1px solid #999;
    padding: 10px;
    background: #F1F1F1
    }
.carte_gauche img {
    margin-bottom: 10px
    }
.carte_droite img {
    margin-bottom: 10px
    }
.carte_gauche .select {
    font-size: 7pt;
    font-weight: bold;
    color: #000
    }
.carte_droite .select {
    font-size: 7pt;
    font-weight: bold;
    color: #000
    }
#carte {
    text-align: center;
    padding: 10px;
    border: 1px solid #999;
    background: #F1F1F1
    }
#carte .image {
    margin: 0 0 20px 10px
    }
#carte .message {
    padding: 0 10px 0 10px;
    font-size: 10pt;
    font-family: Trebuchet MS;
    text-align: justify
    }
.erreur {
    color: red
    }
/* -- antony calendrier -- */
#dayview .header_user {
    background: #E9E5D2
    }
#dayview .header_user .titre {
    background: #E9E5D2;
    padding: 6px
    }
#dayview .user_item {
    padding: 6px
    }
#dayview .header_user .user_name {
    font-weight: bold;
    color: #fff
    }
#dayview .header_group {
    margin: 10px;
    padding: 6px;
    background: #E9E5D2;
    border-left: 1px solid #069
    }
#dayview .header_group .titre {
    padding: 4px
    }
#dayview .group_item {
    padding: 4px
    }
/* Module Agenda start*/
.titre {
    font-size: 11px;
    font-weight: bold;
    color: #15619B
    }
.titre_2 {
    font-size: 11px;
    font-weight: bold;
    color: #F47421
    }
.private-rendez-vous {
    font-size: 10px;
    color: #FFF
    }
a.private-rendez-vous:hover {
    color: #FFF;
    text-decoration: none
    }
.rendez-vous {
    color: #404040
    }
a.rendez-vous:hover {
    color: #404040
    }
/*
a.rendez-vous:hover
{
	color: #FFCC66;
	text-decoration: none;
}
*/
.bg_cal_group_no_rdv {
    font-family: Arial;
    font-weight: bold;
    color: #434343;
    background-color: #E8E8E8
    }
.bg_cal_group_rdv {
    background-color: #F7C132
    }
.bg_cal_group_rdv_private {
    background-color: #4D9AFF
    }
.bg_cal_user_no_rdv {
    font-weight: bold;
    color: #434343;
    background-color: #E8E8E8
    }
.bg_cal_user_rdv {
    background-color: #F9D895
    }
.bg_cal_user_rdv_private {
    color: #FFF;
    background-color: #369
    }
a.bg_cal_user_rdv_private:hover {
    color: #FFF;
    background-color: #369;
    text-decoration: none
    }
.calendartitre {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    color: #444;
    font-weight: bold
    }
.precedentsuivant {
    text-decoration: none;
    text-align: center;
    color: #444;
    font-weight: bold
    }
.heurepleine {
    font-size: 10px;
    font-weight: bold;
    color: #033;
    text-align: right
    }
a.heurepleine:hover {
    font-size: 10px;
    font-weight: bold;
    color: #C00;
    text-align: right;
    text-decoration: none
    }
.heurecreuse {
    font-size: 10px;
    font-weight: normal;
    color: #FFF;
    text-align: right
    }
a.heurecreuse:hover {
    font-size: 10px;
    font-weight: normal;
    color: #3F3;
    text-align: right;
    text-decoration: none
    }
.CalendrierTitre {
    color: #FFF
    }
.CalendrierModules {
    background: none;
    font-size: 9px;
    color: #FFF;
    text-align: left
    }
.CalendrierCase {
    color: #036;
    text-align: center
    }
/* Module Agenda fin*/
/* INfobulles*/
a.infobulle {
    position: relative;
    border-bottom: 1px dashed #808080;
    text-decoration: none;
    font-weight: bold
    }
a:hover.infobulle {
    text-decoration: none;
    background: none
    }
a.infobulle span {
    display: none
    }
a:hover.infobulle span {
    display: inline;
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    z-index: 20;
    background: #BFE7F9;
    color: #3770B8;
    border: 1px solid #000;
    width: 100px;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    padding: 2px 4px
    }