/* * * ----- photograph.css -------------------------- * */ /* General. ---------------------------------------- */ * { font-family: bank gothic light bt, Arial, Helvetica, sans-serif; } html,table { font-size: 100%; } body { background:url(grad_3.png) repeat-x; background-color: #090909; font-family: bank gothic light bt , Arial, Helvetica, sans-serif; color: #F5F5F5; font-size: .8em; } body,p,ul,form,td { list-style: none; margin: 0; padding: 0; } option[selected="selected"] { font-weight: bold; } a { color: #F9F9F9; } a:hover { color: #E8AF56; text-decoration: none; } .lien_js { text-decoration: none; background: url(dotted.png) repeat-x bottom; } .lien_js:hover { background: none; } #ensemble { width: 100%; } img { border: 0; } select { background: #1f1f1f; color: black; border: 1px solid #777777; } textarea { background: #1f1f1f; border: 1px solid #777777; } select:hover, textarea:focus { background: #eaeaea; } .submit { border: 1px solid #505050; background: #727171; -moz-border-radius : 10px 10px; -webkit-border-radius : 10px 10px; border-radius: 10px 10px; color: white; } .submit:hover { color: white; background: #4A4A4A; } input.text { background: #67582a; color: black; border: 1px solid #777777; padding-left: 2px; } input.text:focus { background: #eaeaea; } fieldset { border: 1px solid #505050; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; } fieldset .fielditems { margin: 10px 0 0 0; } fieldset legend { color: #F5F5F5; font-style: italic; } #msg_erreur, #msg_succes { margin: 20px 15px 10px; line-height: 1.8em; font-weight: bold; font-size: 110%; letter-spacing: .03em; padding: 5px 15px; border-style: solid; border-width: 2px 0; } #msg_erreur { background-color: #A7625D; border-color: #B45250; } #msg_succes { background-color: #5D79A7; border-color: #5078B4; } /* Sidebar. ---------------------------------------- */ #galerie_nom { font-family: "bank gothic light bt", sans-serif; font-size: 2em; margin: 10px 0; padding: 0 10px; text-align: center; } #galerie_nom a { color: #C1C1C1; text-decoration: none; } #galerie_nom a:hover { color: #b37469; } #panneau { vertical-align: top; } #div_panneau_1 { background:url(grad_1.png); background-repeat: repeat-y; background-color: #1f1f1f; width: 230px; min-height:200px; -moz-border-radius : 6px 6px; -webkit-border-radius : 6px 6px; border-radius: 6px 6px; } #div_panneau_2 { padding-bottom: 5px; border: 1px solid #505050; -moz-border-radius : 20px 20px; -webkit-border-radius : 20px 20px; border-radius: 20px 20px; } #options form { padding: 0 10px 10px; border-bottom: 1px solid #505050; margin: 0 0 10px; } #recherche form { border-bottom: 0; padding: 0 10px 10px; margin: 0; } #recherche input { background: #bababa; color: black; border: 1px solid #777777; -moz-border-radius : 5px 5px; -webkit-border-radius : 5px 5px; border-radius: 5px 5px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } #recherche input:focus { background: #eaeaea; } #categories form { border-top: 1px solid #505050; border-bottom: 0; padding: 8px 10px 10px; margin: 2px 0 10px; } #options_lignes form { border: 0; } .pan_titre div { background: #444 url(sidebar_titre.gif) repeat-x 100% 1%; height: 20px;} .pan_titre a { display: block; text-align: center; color: #d8dee7; padding: 3px 10px; margin: 15px 0 5px; font-weight: bold; letter-spacing: .05em; font-family: "bank gothic light bt", sans-serif; background: no-repeat 95% 50%; text-decoration: none; outline: 0; } .pan_titre a:hover { color: white; } #enlarge { left: 0; top: 15px; position: absolute; outline: 0; } /* Sidebar : navigation. ---------------------------------------- */ #liens_site { text-align: left; border-bottom: 1px solid #505050; margin-bottom: 10px; padding: 5px 20px 10px; } #plan { margin-bottom: 5px; } #recherche #search, #categories select { width: 162px; margin-top: 5px; } #recherche #search { width: 156px; padding: 1px 2px; border: 1px solid #A5ACB2; } #historique_lien { margin-top: 10px; text-align: center; padding-top: 10px; border-top: 1px solid #505050; } /* Sidebar : Demoreel. ---------------------------------------- */ .democrop { width: 210px; overflow: hidden; } /* Sidebar : image aléatoire. ---------------------------------------- */ #partie_hasard .env2 { margin: 4px 4px 4px -100px; } #partie_hasard .env2:hover { background-color: #3c3c3c; } #partie_hasard a.img_link { padding: 4px 4px 0; } #has_alb_name { display: block; text-align: center; margin-bottom: 18px; } /* Sidebar : personnalisation. ---------------------------------------- */ #options div { text-align: center; } #options #thumbs, #options #afficher, #options #style, #options #order, #options #image_taille { text-align: left; } #options form { border: 0; } #options select { width: 53px; margin-top: 5px; border: 1px solid #777777; } #thumbs select { margin-left: .75em; } #thumbs, #afficher, #style, #order, #image_taille { padding: 0 10px 10px; margin: 10px -10px 0; border-bottom: 1px solid #505050; } #image_taille #fixed_hl input { background: #bababa; } #afficher { margin-top: 10px; } #image_taille { margin-top: 10px; } #image_taille div { margin: 10px 0 0; text-align: left; } #image_taille #fixed_hl { text-align: center; margin: 3px 0 0; } #style select { width: 162px; } #nombre_jours { margin: 5px 0 0 1.2em; width: 2.5em; padding: 1px 2px 0; border-color: #505050; } #thumbs, #style { margin-top: 10px; } #order select { width: 92px; } #order #asc-desc { width: 56px; margin-left: 4px; } #img_largeur, #img_hauteur { border: 1px solid #505050; width: 38px; margin-top: 5px; padding: 1px 2px 0; } #options #valider { margin-top: 10px; } #options #valider .submit:hover { color: white; background: #BE8936; } #afficher input, #options #image_taille #origine, #options #image_taille #taille, #options #image_taille #ajust { border-width: 0; } #nombre_jours { border-width: 1px; background: #bababa; } #afficher #nombre_jours:focus, #options input:focus, #image_taille #fixed_hl input:focus { background: #eaeaea; } /* Sidebar : statistiques. ---------------------------------------- */ #stats { text-align: center; } #stats ul { margin-top: 10px; padding-bottom: 5px; } #stats li { padding: 1px 6px; } #stats .pan_titre a:hover { color: white; } #stats_note { margin: 4px 0; } #stats_note span { font-size: 90%; display: block; } /* Cadre principal. ---------------------------------------- */ #affichage { vertical-align: top; width: 100%; } #div_affichage { background:url(grad_2.png); background-repeat: repeat-y; background-color: #1f1f1f; border: 1px solid #505050; padding: 10px 0; min-height:200px; } h1 { font-family: "bank gothic light bt", "verdana"; serif; font-size: 1.9em; letter-spacing: .05em; margin: 0 15px 13px; color: white; font-weight: normal; border-bottom: 1px solid #505050; } h1 a { text-decoration: none; } h1 a:hover { color: white; } h2 { margin: 0 15px 15px; font-size: 1.5em; letter-spacing: .02em; font-weight: normal; color: #dedede; } h3 { margin: 20px 15px 15px; color: gray; font-size: 0.8em; letter-spacing: .05em; } h3a { color: #EBB053; font-weight: normal; margin: 20px 15px 15px; color: gray; font-size: 0.9em; letter-spacing: .05em; text-decoration: none; } #retour_haut { margin-left: 8px; } #pos_special { margin: 0 0 5px 15px; } #pos_special a { font-weight: normal; text-decoration: none; color: #EBB053; } #position { border-bottom: 1px solid #505050; padding-bottom: 13px; margin: 0 15px; line-height: 1.6em; } #position .pos_actuel { color: #EBB053; } #pos_special a:hover, #position .pos_actuel:hover { text-decoration: underline; } #favimg { color: #9AFF4F; font-weight: bold; margin-left: 2px; } #addfav { float: right; margin: 0 15px 0 10px; color: #A0D678; text-decoration: none; border-bottom: 1px solid #777E72; } #addfav:hover { color: #9AFF4F; border-color: #9AFF4F; } #galerie_description { border-bottom: 1px solid #505050; padding-bottom: 10px; margin: 20px 15px 10px; font-family: bank gothic light bt, serif; font-size: 115%; line-height: 1.3em; } #categorie_description { margin: 15px 15px 0; font-family: bank gothic light bt, serif; font-size: 115%; line-height: 1.3em; } #deconnect a { border-bottom: 2px solid #FCE842; text-decoration: none; background: url(cadenas.png) no-repeat left center; padding-left: 15px; margin: 2px; } #deconnect a:hover { border-color: #E8AF56; } /* Barres de navigation. ---------------------------------------- */ .barre_nav { text-align: center; margin: 0 15px; } .barre_nav * { display: inline; } .barre_nav select { border: 1px solid #777777; } .barre_nav option { padding-right: 10px; } .barre_nav option { display: list-item; } .barre_nav span { margin: 0 5px; font-family: bank gothic light bt, sans-serif; font-size: 150%; font-weight: bold; } .barre_nav span a { color: #e9e9e9; text-decoration: none; } .barre_nav span a:hover { color: #E8AF56; text-decoration: underline; } #barre_nav_bas { border-top: 1px solid #505050; padding-top: 3px; margin-top: 6px; } #barre_nav_haut { border-bottom: 1px solid #505050; padding-bottom: 5px; padding-top: 3px; } .inactive { color: #505050; } .barre_nav_gauche { float: left; width: 26%; text-align: left; margin-top: 4px; } .page_actuelle { float: right; margin-top: 5px; width: 26%; text-align: right; } .bouton_menu { background-color: #5a1802; padding-left: 10px; margin-top: 2px; margin-left: -10px; width: relative; height: 22px; -moz-border-radius : 5px 5px; -webkit-border-radius : 5px 5px; border-radius: 5px 5px; } /* Vignettes. ---------------------------------------- */ .vignettes { text-align: center; margin: 2px 2px 0; } .vignettes li { display: inline; border-collapse: collapse; } .vignettes a.img_link { display: block; padding: 2px 2px 0; } .vignettes a.img_infos { border-bottom: 1px solid #6A6A6A; } .vignettes a { text-decoration: none; } .vignettes .env1 { display: table-cell; display: inline-table; display: inline-block; overflow: hidden; -moz-border-radius : 10px 10px; -webkit-border-radius : 10px 10px; border-radius: 10px 10px; } .vignettes .env2 { display: block; margin: 8px; /*border: 1px solid #6A6A6A; background: #2c2c2c;*/ } .vignettes img { border: 0; } .vignette_infos { display: block; margin: 1px 0; } .vignette_infos span { display: block; color: #ededed; font-size: 80%;} .vignette_infos .img_recentes { display: inline; } .vignette_infos .img_recentes a { color: #A0BA26; font-weight: bold; } .vignette_nom { margin: 1px 0; display: block; } /* Vignettes : catégories - compact. ---------------------------------------- */ /* Modif faly rounded vignette */ div.rounded { padding:3px; background: transparent; width:300px; } div.rounded:hover { background-color: transparent; border-color: #2c2c2c; } /* Fin modif faly*/ #vignettes_cat .env2 { border: 0; /* border-right: 4px solid #505050; border-bottom: 1px solid #505050; background: #000000; */ } #vignettes_cat .env2:hover { /*background-color: #000000; border-color: #505050;*/ } #vignettes_cat .v_recent .env2 { border-left-color: #505050; } #vignettes_cat .v_recent .vignette_nom { background: url(recent.png) no-repeat left center; } #vignettes_cat .v_pass .env2 { border-left-color: #505050; } #vignettes_cat .categorie_infos span { color: #1f1f1f; } #vignettes_cat .vignette_nom:hover { color: #E8AF56; text-decoration: underline; } #vignettes_cat .env2:hover .vignette_nom{ color: #96c2cb; } .vignette_infos .img_recentes a:hover { text-decoration: underline; } #vignettes_cat .env2:hover a.img_infos, #vignettes_cat .v_recent .env2:hover a.img_infos { background-color: #000000; border-color: #3c3c3c; } /* Vignettes : catégories - étendues. ---------------------------------------- */ #vex_vignettes .vex_vignette { margin: 20px 15px 15px; text-align: center; } #vex_vignettes table { border-collapse: collapse; margin: 0 auto; text-align: left; } #vex_vignettes .vex_thumb { vertical-align: top; background: #000000; border-bottom: 4px solid #2C2C2C; } #vex_vignettes .vex_link { display: block; padding: 2px 2px; } #vex_vignettes .vex_vchp { margin-top: 1px; } #vex_vignettes .vex_infos { vertical-align: top; padding: 10px 15px 5px; width: 500px; background: #000000; border-right: 4px solid #2C2C2C; border-bottom: 4px solid #2C2C2C; } #vex_vignettes .vex_nom { margin: 5px 0 5px -15px; display: inline; } #vex_vignettes .vex_nom a { text-decoration: none; font-weight: bold; color: #EBB053; margin-left: 15px; } #vex_vignettes .vex_nom a:hover { text-decoration: underline; } #vex_vignettes .vex_comments, #vex_vignettes .vex_hits, #vex_vignettes .vex_votes, #vex_vignettes .vex_images, #vex_vignettes .vex_poids { display: inline; margin-right: 10px; } #vex_vignettes .vex_comments a, #vex_vignettes .vex_hits a, #vex_vignettes .vex_votes a, #vex_vignettes .vex_images a { text-decoration: none; } #vex_vignettes .vex_comments a:hover, #vex_vignettes .vex_hits a:hover, #vex_vignettes .vex_votes a:hover, #vex_vignettes .vex_images a:hover { text-decoration: underline; } #vex_vignettes .vex_comments, #vex_vignettes .vex_hits, #vex_vignettes .vex_poids { background: url(infos_carre.png) no-repeat left center; padding-left: 9px; } #vex_vignettes .vex_images { margin-left: 5px; } #vex_vignettes .vex_images .img_recentes a { text-decoration: none; color: #A0BA26; font-weight: bold; } #vex_vignettes .vex_pass .vex_nom a { color: #EEDD50; } #vex_vignettes .vex_recent .vex_nom a { color: #9DB12F; } #vex_vignettes .vex_images .img_recentes a:hover { text-decoration: underline; } #vex_vignettes .vex_votes { font-size: 90%; } #vex_vignettes .vex_votes img { top: 1px; position: relative; } #vex_vignettes .vex_desc { margin-top: 1px; font-family: bank gothic light bt, serif; font-size: 115%; max-width: 600px; line-height: 1.3em; color: #EDEDED; } #vex_vignettes .vex_recent .vex_infos { border-left-width: 1px; } #vex_vignettes .vex_recent .vex_nom { background: url(recent.png) no-repeat left center; } #vex_vignettes table:hover, #vex_vignettes table:hover td, #vex_vignettes .vex_pass table:hover, #vex_vignettes .vex_pass table:hover td, #vex_vignettes .vex_recent table:hover, #vex_vignettes .vex_recent table:hover td { background-color: #3C3C3C; } /* Vignettes : albums. ---------------------------------------- */ #vignettes_alb .env2 { margin: 8px 10px; } #vignettes_alb a.img_link { padding: 1px 1px 0; } #vignettes_alb .v_recent .env2 { padding-top: 1px; background: #3C3C3C url(nouveau.png) no-repeat 50% 0; } #vignettes_alb .env2:hover, #vignettes_alb .v_recent .env2:hover , #vignettes_alb .env2:hover a.img_infos, #vignettes_alb .v_recent .env2:hover a.img_infos { background-color: #3c3c3C; border-color: #96c2cb; } #vignettes_alb .env2:hover .vignette_nom { color: #96c2cb; } #vignettes_alb .is_hvcr { margin: 1px 0; color: white; } #vignettes_alb .image_infos span { color: #dedede; } #vignettes_alb .text_link span { color: #F5F5F5; font-size: 100%; } .image_note { font-size: 80%; padding-top: 2px; vertical-align: top; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .image_note span { display: inline; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .image_votes { vertical-align: top; } /* Image. ---------------------------------------- */ #nom_image { margin: 0 15px; } #nom_image a { font-weight: bold; text-decoration: underline; } #image { margin: 20px 15px 0; text-align: ce nter; } #image img { border: 1px solid #bebebe; margin: 0 -1px 5px; } #image_fichier { text-align: center; margin-bottom: 15px; } #image_fichier a { font-weight: bold; text-decoration: none; } #image_description { margin: 0 15% 20px; text-align: center; font-family: bank gothic light bt, serif; font-size: 115%; line-height: 1.3em; } #image_r_msg { font-weight: bold; font-size: 95%; color: #bebebe; text-align: right; display: block; margin: auto; margin-top: -14px; } /* Image : votes. ---------------------------------------- */ #image_note { margin: 0 15px; text-align: center; padding: 10px 0; border-top: 1px solid #505050; } #note_user { top: 2px; position: relative; } /* Image : commun commentaires et metadonnées. ---------------------------------------- */ .comment_titre div, .imeta_titre div { background: #444444 url(sidebar_titre.gif) repeat-x 50% 25%; } .comment_titre a, .imeta_titre a { display: block; text-align: center; color: #d8dee7; margin: 0 -10px; padding: 3px 10px; font-weight: bold; text-decoration: none; background: no-repeat 98% 50%; margin: 0; outline: 0; } .comment_titre a:hover, .imeta_titre a:hover { color: white; } /* Image : metadonnées. ---------------------------------------- */ .infos_imeta { text-align: center; margin: 0 15px; padding-top: 15px; } .infos_imeta_bloc { text-align: left; margin: 0 auto 20px; padding: 0; width: 40em; border: 1px solid #494949; border-width: 0 1px; } .partie_imeta { border-collapse: collapse; width: 100%; } .partie_imeta td { border-bottom: 1px solid #505050; padding: 3px 5px; vertical-align: top; } .partie_imeta .imeta_desc { width: 50%; border-right: 1px solid #505050; } .partie_imeta .imeta_null { text-align: center; padding: 10px 5px; } /* Image : commentaires. ---------------------------------------- */ .comment_titre div { margin: 0 -10px; } #commentaires { text-align: center; margin: 0 15px 15px; padding-top: 15px; border-top: 1px solid #505050; } #commentaires_bloc, #commentaires_ajout { padding: 0 10px 10px; text-align: left; margin: 0 auto 20px; width: 39.6em; } #commentaires_ajout { background: #454545; border: 4px solid #252525; border-width: 0 4px 4px 0; } #commentaires > #commentaires_bloc, #commentaires > #commentaires_ajout { width: 96%; min-width: 36em; max-width: 48em; } #commentaires > #commentaires_bloc, #commentaires_bloc { border-top: 0; } #commentaires_bloc { padding: 0 10px; border-top: 0; } #partie_comments { margin: 0 -10px; padding: 0 10px; } .comment { margin: 0 -10px; padding: 0 0 10px; } .comment_num { float: left; padding-right: 5px; } .comment_num a { display: block; padding: 2px 3px 2px 5px; font-weight: bold; text-decoration: none; } .comment_num a:hover { text-decoration: underline; } .comment_auteur { padding: 2px 10px; background: #535353; } .comment_auteur span, .comment_auteur span a, .comment_auteur span a:hover { color: #BF9E5F; font-weight: bold; } .comment_date { float: right; padding: 2px 10px; color: #cdcdcd; } .comment_message { margin: 0 0 20px; background: #454545; padding: 10px 10px 12px; } .comment_avatar img { float: left; .margin-left: -3px; } .comment_avatar .comment_auteur { margin-left: 50px; } .comment_avatar .comment_message { margin-left: 50px; } #comment_null { text-align: center; padding: 10px; margin: 0 -10px; border: 1px solid #494949; border-top: 0; } #commentaires_ajout textarea { padding: 1px 2px 0; } #commentaires_ajout input.hidden { padding: 0; } #commentaires > #commentaires_ajout { margin: 20px auto 0; } #commentaires_ajout p { margin: 0 -10px; padding: 5px 10px; color: #dedede; font-weight: bold; background: #535353; } #commentaires_ajout input, #commentaires_ajout textarea { display: block; margin-top: 5px; background: #bababa; } #commentaires_ajout input:focus, #commentaires_ajout textarea:focus { background: #eaeaea; } #commentaires_ajout .submit { display: inline; margin-top: 10px; } #commentaires_ajout .submit:hover { background: #BE8936; } #co_auteur, #co_mail { width: 20em; border: 1px solid #777777; } #co_site { width: 20em; margin-bottom: 10px; border: 1px solid #777777; } #commentaires_ajout label { margin-top: 10px; margin-right: 10px; display: block; } #previsualiser { float: left; margin-right: 10px; } #comment_preview { background: url(preview.gif) no-repeat 10px 0; margin: 0 -10px; padding-top: 15px; } #comment_preview span { background: #6F735F; display: block; padding: 5px 10px; } #co_mod_a { margin-top: 8px; display: block; color: #5A8DC6; font-weight: bold; } /* Section : plan. ---------------------------------------- */ #section_plan p { margin: 0 15px 15px; } #plan_liste { margin: -5px 0 20px -5px; } #plan_liste li { margin: 1px 0 0 25px; } .plan_cat { padding: 10px 0 5px; } .plan_cat a { font-weight: bold; font-size: 110%; color: #090909; text-decoration: none; background: url(links_plan.png) repeat-x bottom; } .plan_alb a { font-weight: normal; color: #090909; font-size: 100%; text-decoration: none; background: url(links_plan.png) repeat-x bottom; } .plan_cat a:hover, .plan_alb a:hover { text-decoration: none; background: none; color: #090909 } .plan_cat a:visited, .plan_alb a:visited { background: none; } .plan_nb_images { color: #868686; } #section_plan .alb_recentes { background: url(point_recent.png) no-repeat left center; padding-left: 11px; margin-left: 14px; } #section_plan .cat_recentes { background: url(point_recent.png) no-repeat 0 1.2em; padding-left: 11px; margin-left: 14px; } #section_plan .plan_cat_pass { background: url(cadenas.png) no-repeat 0 11px; padding-left: 15px; margin-left: 10px; } #section_plan .plan_alb_pass { background: url(cadenas.png) no-repeat left center; padding-left: 15px; margin-left: 10px; } #section_plan .alb_recentes a { color: #9DB12F; } #section_plan .plan_cat_pass a, #section_plan .plan_alb_pass a { color: #EEDD50; } #section_plan .plan_cat_pass a:hover, #section_plan .alb_recentes a:hover, #section_plan .plan_alb_pass a:hover { color: #E8AF56; } /* Section : recherche avancée. ---------------------------------------- */ #section_recherche h2 { margin: 25px 25px 0; padding: 10px; border-right: 4px solid #252525; width: 600px; background: #535353; color: #d8dee7; } #adv_search_form { margin: 0 25px 15px; padding: 10px 10px 0; border-bottom: 4px solid #252525; border-right: 4px solid #252525; width: 600px; background: #454545; } #adv_search_form fieldset { border-color: #636363; } #adv_search_stext { width: 90%; width: 380px; } #adv_search_mode { margin-top: 3px; } #adv_search_filtres { float: left; margin-right: 15px; } #adv_search_exif { margin-top: 10px; } #adv_search_date_type { margin: 5px 0 10px; } #adv_search_pluslink { margin: 10px 0 0 3px; display: block; } #adv_search_submit { border-top: 1px solid #535353; margin: 15px -10px 0; padding: 5px 0; text-align: center; background: #535353; } #adv_search_submit input { padding: 0 10px; } .adv_search_second { margin: 8px 0 0 25px; } #adv_search_aide { margin-top: 10px; } .adv_search_ex { margin: 0 0 5px 20px; color: #ABABAB; font-size: 110%; display: block; } #adv_search_albums_list { width: 95%; } /* Section : inexistant. ---------------------------------------- */ #inexistant p { margin: 20px 15px 15px; font-weight: bold; color: #EA2626; font-size: 110%; } #inexistant a { font-weight: normal; font-size: 90%; } /* Section : recherche. ---------------------------------------- */ #search_result { margin: 0 15px; border-bottom: 1px solid #505050; padding-bottom: 15px; } #search_result p { } #search_result ul { margin-left: 25px; margin-bottom: 25px; } #search_result_msg { font-weight: bold; } #search_result_msg a { color: #F9F9F9; } #search_result_msg span { color: #E8AF56; } p#search_result_cat, p#search_result_alb, p#search_result_img { margin-top: 25px; } /* Section : historique. ---------------------------------------- */ #historique_titre { margin: 0 15px 15px; } #historique_titre a { color: #EBB053; } #historique_titre a:hover { text-decoration: underline; } #date_ajout_div, #date_creation_div { width: 245px; text-align: center; background: #505050; border-bottom: 4px solid #252525; border-right: 4px solid #252525; padding-bottom: 10px; } #date_ajout_div { margin-right: 20px; } #date_ajout .h_titre, #date_creation .h_titre { width: 245px; letter-spacing: .05em; padding: 4px 0 4px; margin-bottom: 15px; font-family: bank gothic light bt, bank gothic light bt, sans-serif; font-size: 135%; background: #454545; border-bottom: 2px solid #3c3c3c; color: #d8dee7; } #h_tablo { border-collapse: collapse; margin: 10px 0 15px 15px; } #h_tablo table { border-width: 1px 0; border-collapse: collapse; margin: 0 auto; width: 245px; } #h_tablo td { vertical-align: top; } #h_tablo table .h_date { border-right: 1px solid #3c3c3c; text-align: right; } #h_tablo .h_caption { margin: 15px auto 0; padding-bottom: 5px; font-weight: bold; font-family: bank gothic light bt, bank gothic light bt, sans-serif; font-size: 115%; border-bottom: 1px solid #3c3c3c; } #h_tablo table th, #h_tablo table td { border-bottom: 1px solid #3c3c3c; border-width: 1px 0; padding: 4px 6px; width: 50%; } #h_tablo table tr:hover { background-color: #3c3c3c; } #h_tablo table th { font-size: 95%; letter-spacing: .05em; color: #dedede; background: #454545; } #h_tablo table th.h_date { text-align: center; } #h_tablo table td { text-align: left; } #h_tablo table td a { color: #dedede; } #h_tablo table td a:hover { color: #E8AF56; } .clear_both { clear: both; } #h_tablo .h_recentes td.h_date { background: url(point_recent.png) no-repeat 5px 8px; } /* Section : contact. ---------------------------------------- */ #section_contact { padding: 10px 25px 15px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } #section_contact h2 { padding: 10px; border-right: 4px solid #252525; -moz-border-radius : 20px 20px; -webkit-border-radius : 20px 20px; border-radius: 20px 20px; background: transparent; width: 500px; margin: 0; color: #d8dee7; } #form_fcontact { border-bottom: 4px solid #252525; border-right: 4px solid #252525; background: #454545; width: 500px; padding: 15px 10px 10px; -moz-border-radius : 10px 10px; -webkit-border-radius : 10px 10px; border-radius: 10px 10px; } #contact_msg { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #535353; } #form_contact fieldset { border: 1px solid gray; padding: 15px; -moz-border-radius : 10px 10px; -webkit-border-radius : 10px 10px; border-radius: 10px 10px; } #form_contact p { margin: 0; } #form_contact .text { margin-top: 10px; } #form_fcontact #contact_nom, #form_fcontact #contact_mail, #form_fcontact #contact_sujet { margin-top: 5px; -moz-border-radius : 5px 5px; -webkit-border-radius : 5px 5px; border-radius: 5px 5px; background: #4C4C4C; color: white; } #form_fcontact #contact_mail:focus, #form_fcontact #contact_sujet:focus, #form_fcontact textarea:focus, #form_fcontact #contact_nom:focus{ background: #202020; } #form_fcontact textarea { margin: 5px 0 15px; padding: 2px; -moz-border-radius : 10px 10px; -webkit-border-radius : 10px 10px; border-radius: 10px 10px; background: #4C4C4C; color: white; } /* Section : mot de passe. ---------------------------------------- */ #password { background: url(cadenas.png) no-repeat left top; margin: 25px 0 10px 15px; } #password2 { border-left: 3px solid #E8D640; padding: 0 10px; margin-left: 15px; } #password .text { margin-top: 10px; background: #bababa; border: 1px solid #777777; padding: 1px 2px; } #password .text:focus { background: #eaeaea; } #mauvais_pass { color: #EA2626; margin-top: 10px; } /* Hits, commentaires, votes, récentes. ---------------------------------------- */ #hvc_result { padding-bottom: 15px; } #hvc_result a { font-weight: bold; text-decoration: none; color: #EBB053; } #hvc_result a:hover { text-decoration: underline; } span#search_result_page { font-weight: normal; color: black; } /* Diaporama. ---------------------------------------- */ #igal_diapo { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; background: #444444 url(diaporama/fond_diapo.png); background-position: center; background-repeat: no-repeat; } /* Image */ #diapo_image_premiere, #diapo_image_derniere, #diapo_image_actuelle, #diapo_image_suivante, #diapo_image_precedente { position: absolute; z-index: 0; } /* Barre de position */ #diapo_position #diapo_sortir, #diapo_position #diapo_pos_actuel { font-weight: bold; color: #E7BB33; } #diapo_position a:hover { text-decoration: underline; } #diapo_position { position: absolute; top: 0; left: 0; width: 100%; background: #444444 url(diaporama/diapo_position_fond.gif) repeat-x 50% 50%; color: white; padding: 3px 0; z-index: 1; } #diapo_position a { color: white; text-decoration: none; } #diapo_image_path { padding-left: 5px; } #diapo_image_pos { float: right; padding-right: 5px; } /* Barre de navigation */ #diapo_navigation { position: absolute; bottom: 0; left: 0; width: 100%; background: #444444 ; color: white; padding: 3px 0 0; text-align: center; z-index: 1; height: 22px; } #diapo_boutons_nav img { margin-top: 2px; margin-right: 8px; } #diapo_change_fond { float: left; width: 35%; text-align: left; position: relative; margin-left: 8px; top: 1px; } #diapo_change_fond img { padding: 3px 0 2px; } #diapo_mode_auto { float: right; right: 8px; position: relative; top: -1px; width: 35%; text-align: right; } #diapo_mode_auto img { margin-right: 3px; } #diapo_precedente { margin-right: 10px; } #diapo_auto_temps { margin: 0 5px; position: relative; top: -4px; } #diapo_img_resize { position: relative; top: -1px; } .diapo_separateur { position: relative; top: 1px; margin: 0 4px; } /* Informations */ #diapo_image_infos_link { top: 2px; right: 3px; position: relative; } #diapo_infos { background: #C0C0C0; opacity: 0.95; filter: alpha(opacity:95); width: 500px; position: absolute; color: black; overflow: auto; z-index: 5; } #diapo_infos a { color: black; } #diapo_infos a:hover { color: black; } #diapo_infos_int { margin: 15px; } #diapo_infos p { margin: 0; } #diapo_desc { font-family: bank gothic light bt, serif; font-size: 115%; line-height: 1.3em; } #diapo_infos_titre { position: absolute; background: #4C4C4C; width: 500px; height: 25px; opacity: 0.95; filter: alpha(opacity:95); } #diapo_infos_titre p { margin: 4px 8px; color: white; font-weight: bold; } #diapo_infos_titre p a { color: white; font-weight: bold; } #diapo_infos_titre p a:hover { text-decoration: none; } #diapo_infos span { font-weight: bold; margin: 15px 0 10px; display: block; font-size: 110%; } #diapo_infos table { border-collapse: collapse; } #diapo_infos td { vertical-align: top; margin: 0; border: 1px solid #6A6A6A; padding: 4px 8px; color: black; } #diapo_infos_fermer { float: right; } /* Pied de page. ---------------------------------------- */ #pied td { padding: 5px; border-top: 1px solid #505050; text-align: center; margin: 0 15px; color: #bebebe; } /* RSS. ---------------------------------------- */ #rss_general { margin-top: 15px; text-align: center; } #rss_general li { margin-top: 5px; } #rss_general li a, #rss_objet li a { text-decoration: none; color: #bebebe; background: url(feed-icon.png) no-repeat 0 1px; padding-left: 18px; } #rss_general li a:hover, #rss_objet li a:hover { text-decoration: underline; } #rss_general li img, #rss_objet li img { margin-bottom: -2px; position: relative; } #rss_objet { border-top: 1px solid #505050; margin: 5px 15px 0; padding-top: 5px; text-align: right; } #rss_objet li { display: inline; margin-left: 15px; } /* Tags. ---------------------------------------- */ /* Section Tags du sidebar */ #partie_tags { margin-bottom: 20px; } #partie_tags ul { padding: 0 10px; } #partie_tags li { line-height: 22px; display: inline; margin-right: 2px; } #partie_tags li a { color: #555555; text-decoration: none; line-height: 1.3em; } #partie_tags li a:hover { text-decoration: underline; } .tag_weight_1 { font-size: 90% } .tag_weight_2 { font-size: 100%; } .tag_weight_3 { font-size: 110%; } .tag_weight_4 { font-size: 120%; } .tag_weight_5 { font-size: 130%; } .tag_weight_6 { font-size: 140%; } .tag_weight_7 { font-size: 150%; } .tag_weight_8 { font-size: 160%; } .tag_weight_9 { font-size: 170%; } .tag_weight_10 { font-size: 180%; } #tags_null { color: #090909; text-align: center; display: block; } #tags_all { margin-top: 10px; padding: 5px 10px 0; border-top: 1px solid #505050; } /* Page des images associées à un tag */ #comments_result a, #tag_result a { font-weight: bold; text-decoration: none; color: #EBB053; } #comments_result a:hover, #tag_result a:hover { text-decoration: underline; } /* Tags des images. */ #image_tags { text-align: center; margin: 20px 0; } #image_tags div { width: 35em; margin: 0 auto; } #image_tags a { text-decoration: none; font-weight: bold; color: #A6CAFA; background: url(tag.gif) no-repeat 0 3px; padding-left: 14px; margin: 0 2px; } #image_tags a:hover { text-decoration: underline; } /* Nuage de tags. */ #all_tags { margin: 15px; } #all_tags p { margin: 0 0 30px 0; } #all_tags p a { text-decoration: none; color: #E8AF56; font-weight: bold; } #all_tags p a:hover { text-decoration: underline; } #all_tags div ul { padding: 10px; background: #2c2c2c; max-width: 55em; font-size: 105%; } #all_tags div li { height: 34px; line-height: 34px; margin: 0 5px; .margin: 0 8px; display: inline; } #all_tags div li a { text-decoration: none; white-space: nowrap; } #all_tags div li a:hover { text-decoration: underline; color: #E8AF56; } #all_tags .tag_weight_1 { font-size: 90% } #all_tags .tag_weight_2 { font-size: 115%; } #all_tags .tag_weight_3 { font-size: 130%; } #all_tags .tag_weight_4 { font-size: 145%; } #all_tags .tag_weight_5 { font-size: 160%; } #all_tags .tag_weight_6 { font-size: 175%; } #all_tags .tag_weight_7 { font-size: 200%; } #all_tags .tag_weight_8 { font-size: 215%; } #all_tags .tag_weight_9 { font-size: 230%; } #all_tags .tag_weight_10 { font-size: 245%; } /* Page des commentaires. ---------------------------------------- */ #lien_comments { position: relative; top: 3px; } #dismsgcom_comments { text-align: center; margin: 0 15px; } .dismsgcom { margin: 20px auto; text-align: left; max-width: 60em; .max-width: none; /* pour cause bug IE 7.0 */ } .dismsgcom_thumb { width: 88px; height: 88px; float: left; text-align: center; background: #535353; } .dismsgcom_thumb:hover { background-color: #636363; } .dismsgcom_thumb table { margin: 0 auto; border-collapse: collapse; height: 88px; width: 88px; } .dismsgcom_thumb td { padding: 4px; vertical-align: middle; text-align: center; } .dismsgcom_infos { background: #535353; height: 88px; margin-left: 88px; border-left: 1px solid #454545; /* correction de bug IE... */ .position: relative; .left: -3px; .margin-right: -3px; } .dismsgcom_infos { padding: 0 6px; /* IE 6.0 */ } .dismsgcom_top > .dismsgcom_infos { padding: 0 12px; } .dismsgcom_infos p { padding: 3px 10px; margin: 0 -10px; } p.dismsgcom_infos_album { padding: 8px 10px 7px; } p.dismsgcom_infos_date { padding: 4px 10px 7px; } p.dismsgcom_infos_auteur, p.dismsgcom_infos_auteur a, p.dismsgcom_infos_auteur a:hover { color: #BF9E5F; font-weight: bold; } p.dismsgcom_infos_auteur span a, p.dismsgcom_infos_auteur span a:hover { color: white; font-weight: normal; } .dismsgcom_infos p span { color: #F5F5F5; font-weight: normal; } .dismsgcom_infos p span.dismsgcom_infos_web { color: #F5F5F5; } .dismsgcom_message { padding: 10px; margin-left: 89px; background: #454545; color: #F1F1F1; } /* Section "Liens". ---------------------------------------- */ #partie_liens ul { margin: 10px 10px 20px 25px; list-style: square; } #partie_liens ul li { padding: 1px 0; } /* Section "Membres". ---------------------------------------- */ #membres_connexion, #membres_connecte { padding: 5px 10px 10px; border-bottom: 1px solid #505050; padding-bottom: 10px; margin-bottom: 10px; } #membres_connexion div { margin-bottom: 5px; } #membres_connexion .submit { display: block; padding: 1px 6px; margin: 8px 0; } #membres_connexion .text { width: 156px; margin-top: 5px; } #membres_connexion form { margin-bottom: 10px; } #membres_connecte img { margin: 10px 0 0; } #membre_liens { margin-left: 10px; } #membre_liens li { margin: 5px 0 0; } #membre_login { display: block; margin: 5px 0 3px; } #membre_login a{ font-weight: bold; color: #DAD2AC; } #membre_login a:hover { text-decoration: none; } /* Pages membres - profil. ---------------------------------------- */ #membre_profil { padding: 0 15px; max-width: 48em; margin-top: 25px; } #membre_profil table { border-collapse: collapse; background: #454545; border: 4px solid #252525; border-width: 0 4px 4px 0; margin: 0 0 15px 10px; } #membre_profil td { vertical-align: top; padding: 15px; border: 1px solid #535353; } #membre_profil p { margin-bottom: 8px; } #membre_infos p span { font-weight: bold; color: #E6D6BE; } td#membre_nom { padding: 8px 15px; background-color: #535353; } #membre_nom h2 { margin: 0; color: #d8dee7; } #membre_nom span { font-size: 80%; color: white; } #membre_infos_text label, #membre_avatar_upload label { display: block; } #membre_infos_text .text { width: 17em; margin: 5px 0 10px; } #membre_infos .submit { display: block; margin-top: 20px; } #new_avatar { margin-top: 5px; width: 30em; } #membre_avatar_upload .submit { display: block; margin-top: 5px; } #membre_lien_mpd { margin-top: 15px; } #membre_supp_avatar, #membres_retour { border-top: 1px solid #535353; padding-top: 10px; margin-top: 10px; } #membres_retour { text-align: right; } #membre_objets { margin-top: 25px; } #membre_objets li { background: url(infos_carre.png) no-repeat left center; padding-left: 10px; margin-top: 5px; } /* Pages membres - inscription. ---------------------------------------- */ #membres_inscription { width: 400px; border-right: 4px solid #252525; border-bottom: 4px solid #252525; margin: 25px 25px 15px; background: #454545; } #membres_inscription h2 { background: #535353; padding: 10px; margin: 0; color: #d8dee7; } #membres_inscription form { padding: 15px; } #membres_inscription label { display: block; } #membres_inscription .text { margin: 5px 0 8px; width: 16em; } #membres_inscription .submit { display: block; margin-top: 15px; } /* Pages membres - oubli. ---------------------------------------- */ #membre_oubli { width: 400px; border-right: 4px solid #252525; border-bottom: 4px solid #252525; margin: 25px 25px 15px; background: #454545; } #membre_oubli h2 { background: #535353; padding: 10px; margin: 0; color: #d8dee7; } #membre_oubli_form { padding: 15px; } #membre_oubli_form label { display: block; } #membre_oubli_form .text { margin: 5px 0 8px; width: 16em; } #membre_oubli_form .submit { margin-top: 20px; } /* Pages membres - upload. ---------------------------------------- */ #upload_membres_titre { background: #535353; padding: 8px 15px; } #upload_membres_titre h2 { margin: 0; color: #d8dee7; } #upload_membres { margin: 25px 15px 15px 25px; background: #454545; border: 4px solid #252525; border-width: 0 4px 4px 0; width: 470px; } #upload_membres form { border-left: 1px solid #535353; padding: 15px; } #upload_categories { margin: 10px 0 20px; width: 60%; } #upload_categories .cat { color: black; font-weight: bold; font-style: italic; } #upload_membres fieldset { margin-top: 15px; } #upload_membres label { display: block; margin-top: 10px; } #upload_membres .image_nom, #upload_membres textarea { width: 350px; } #upload_membres textarea { padding: 1px; margin-top: 5px; } #upload_membres .submit { margin-top: 20px; } #upload_images input { margin-top: 5px; display: block; } #upload_images { margin-top: 10px; } #upload_images_mod { margin-top: 20px; font-weight: bold; color: #86ACD6; } #upload_images a.lien_js { font-size: 100%; } #upload_membres #upload_obj_type { margin-bottom: 20px; } #upload_membres #upload_obj_type input, #upload_membres #upload_obj_type label { display: inline; } #upload_obj_name input { width: 60%; margin: 5px 0 0; } #upload_obj_desc .lien_js { font-size: 100%; } /* Pages membres - liste. ---------------------------------------- */ #membres_liste { text-align: center; } #membres_liste table { text-align: left; border-collapse: collapse; margin: 15px auto; } #membres_liste td, #membres_liste th { border: 1px solid #3c3c3c; border-width: 1px 1px 1px 0; vertical-align: top; padding: 5px 8px; background: #505050; } #membres_liste th { border: 2px solid #3c3c3c; border-width: 0 1px 2px 0; background: #454545; color: #d8dee7; font-weight: bold; padding: 10px; } #membres_liste td.ml_date, #membres_liste th.ml_date { border-right: 0; } #membres_liste td.ml_avatar { text-align: center; } /* Divers (doit être en dernier). ---------------------------------------- */ a.pos_actuel { font-weight: bold; text-decoration: none; } .montrer a { background-image: url(montrer.png); } .cacher a { background-image: url(cacher.png); } .js a:hover { color: black; background-color: #DFE8FB; padding: 1px 0 2px; } .js a:active { background-color: #97B5F3; } .fidn .submit { display: none; } .spacer1 { margin-top: 10px; } div.cont { padding-left:45px; margin-left:20px; margin-bottom:15px; padding-bottom:15px; } div.contain { background:url(grad_1.png); background-repeat: repeat-y; background-color: #6b2900; padding:15px; padding-left:0; } div.contain:hover { background:url(grad_4.png); background-repeat: repeat-y; background-color: #833400; } table.newslist { width:100%; } table.newslist td { padding:5px; padding-bottom:15px; } span.nt { font-family: bank gothic light bt, Arial, Helvetica, sans-serif; } .relsample { width: relative; position: relative; background-color: transparent; } .relsample .top_left_r, .relsample .top_left_b , .relsample .top_right_r, .relsample .top_right_b, .relsample .bottom_left_r , .relsample .bottom_left_b , .relsample .bottom_right_r, .relsample .bottom_right_b { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color: green; } .relsample .top_left_r { top: 0px; left: 0px; background-image: url("corner_top_left_r.png"); z-index: 1; } .relsample .top_left_b { top: 0px; left: 0px; background-image: url("corner_top_left_b.png"); z-index: 1; } .relsample .top_right_r { top: 0px; right: 0px; background-image: url("corner_top_right_r.png"); z-index: 1; } .relsample .top_right_b{ top: 0px; right: 0px; background-image: url("corner_top_right_b.png"); z-index: 1; } .relsample .bottom_left_r { top: -19px; left: 0px; background-image: url("corner_bottom_left_r.png"); z-index: 1; } .relsample .bottom_left_b { top: 3px; left: -1px; background-image: url("corner_bottom_left_b.png"); z-index: 1; } .relsample .bottom_right_r { top: 3px; right: -1px; background-image: url("corner_bottom_right_r.png"); z-index: 1; } .relsample .bottom_right_b { top: -19px; right: 0px; background-image: url("corner_bottom_right_b.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_top_r { height: 87px; width: 345px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_top_r { top: 1px; left: 0px; background-image: url("border_top_r.png"); z-index: 1; } .relsample { width: relative; height: relative; position: relative; background: transparent; } .relsample .border_r { height: 481px; width: 23px; background-repeat: no-repeat; position: absolute; background-color: transparent; } .relsample .border_r { top: 88px; left: 0px; background-image: url("border_r.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_r { height: 21px; width: 231px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_r { top: -20px; left: 0px; background-image: url("border_bottom_r.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_r_bottom { height: 382px; width: 23px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_r_bottom { top: -402px; left: 0px; background-image: url("border_r_bottom.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_top_title { height: 25px; width: 277px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_top_title{ top: Opx; right: 0px; background-image: url("border_top_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_title { height: 119px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_title{ top: 25px; right: 0px; background-image: url("border_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_title { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_title{ top: 144px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_top_nav { height: 19px; width: 85px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_top_nav { top: 20px; right: 0px; background-image: url("border_top_nav.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_nav { height: 92px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_nav { top: -46px; right: 0px; background-image: url("border_nav.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_nav_2 { height: 152px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_nav_2 { top: -46px; right: 0px; background-image: url("border_nav_2.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_nav_2 { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_nav_2 { top: 106px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_nav { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_nav { top: 46px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_demo { height: 142px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_demo { top: -148px; right: 0px; background-image: url("border_demo.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_demo { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_demo { top: -6px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_rand { height: 160px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_rand { top: -180px; right: 0px; background-image: url("border_rand.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_rand { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_rand { top: -20px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_link { height: 65px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_link { top: -85px; right: 0px; background-image: url("border_link.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_link_2{ height: 84px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_link_2 { top: -83px; right: 0px; background-image: url("border_link_2.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_link { height: 21px; width: 89px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_link { top: -20px; right: 0px; background-image: url("border_bottom_title.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_tag { height: 222px; width: 16px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_tag { top: -201px; right: 0px; background-image: url("border_tag.png"); z-index: 1; } .relsample { width: relative; position: relative; background: transparent; } .relsample .border_bottom_tag { height: 19px; width: 206px; background-repeat: true; position: absolute; background-color: transparent; } .relsample .border_bottom_tag { top: 1px; right: 1px; background-image: url("border_bottom_tag.png"); z-index: 1; } #flash { z-index: 5; position: relative; id:transparente; Background: transparent; } img, div , relsample { behavior: url(iepngfix.htc); }