/********************************************************* * CSS screen - deco * * name: viva tadao * * date: 2008.05.15 * author: erational * version: 0.6 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#D8BFBA url(../img/bg_color.png) repeat-x top center; font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;} a { color:#08D709; text-decoration:none; } a:hover { color:#129A12; } img {border:0;} hr {height:0;border:0;clear:both;} table {margin:0;border-collapse:collapse;/*width:95%;*/} table.spip {margin:-0.8em 0 0.6em 0;} td {font-size:0.8em;} form { margin: 0; padding-left: 5px; } fieldset {border:0;} legend {background:#fff;padding:0 45px 0 5px;border-bottom:3px solid #666;} label {display:block;font-weight:bold;} label span {color:red;} textarea {font-family:Arial, Helvetica, verdana, sans-serif;font-size:1em;} /* FF fix*/ /***************** * bodywrap *****************/ #bodywrap {background:transparent url(../img/bg.png) repeat-y top center;} /***************** * banner *****************/ #banner {color:#fff;font-size:0;} #banner h1,#banner h2{display:none;} #banner img {margin:0;} /***************** * navbar *****************/ #navbar {clear:both;font-size:0.9em;margin-right:4px;} /* important marge droite 7 pour l'effet de degrade */ #navbar div {width:860px;margin:0 auto;text-align:left;background:#B1C6C9 url(../img/bg_navbar.png) repeat-x top center;;height:37px} /* menu */ #navbar .submenu { color:#fff;width:120px;float:left;text-align:center;} #navbar .submenu a {display:block;text-decoration:none;} #navbar .submenu a.on {background:#FFF url(../img/bg_navbar_on.png) repeat-x top left;color:#998A88;} #navbar .submenu h3 {font-weight:normal;font-size:1em;} #navbar .submenu h3 a {color:#fff;padding:0.8em 0;} #navbar .submenu h3 a:hover {background:#F0F9FC;color:#437889;} #navbar .submenu ul { list-style:none;text-align:left;margin:0;padding:0; position:relative;height:0; /* surtout ne pas mettre de top ou left (casse le rollver) */ display:none; /* on masque les sous-menus pour les vieux navigateurs sans javascript */ } #navbar .submenu ul li a {background:#DD9085;color:#fff;font-size:1em;padding:3px 6px;width:218px;} #navbar .submenu ul li a:hover {background:#8C5850;} #navbar .submenu ul ul { list-style:none;text-align:left;margin:0;padding:0; position:relative;height:0;width:0; /* surtout ne pas mettre de top ou left (casse le rollver) */ left:120px;top:-1.8em; } /* langue */ #navlang {float:right; width:60px; margin:6px 10px 0 0;} #navlang a {margin-left:3px;padding:3px;display:block;float:right; border:1px solid #fff; background:#fff; } #navlang a.on {border:1px solid #BDB692; background:#F4F3E1;} #navlang a:hover {border:1px solid #726E5C; background:#D3D2C4;} /* formulaire recherche */ #navbar form {float:right;display:inline;margin-top:10px;} #navbar form div {/*display:inline;*/width:140px;height:16px;margin-right:10px;background:#fff;border:1px solid #fff;} #navbar label {display:none;} #navbar input {float:left;} /* bug IE espace blanc*/ #navbar input.text {border:0px solid #fff;font-size:11px;width:120px;margin:0;padding:0 0 0 2px;} #navbar input.image {margin:0;padding:0;} /***************** * container *****************/ #container {clear:both;} /***************** * footer *****************/ #footer {clear:both;font-size:0.88em;padding:20px 0 5px 0;text-align:center;} #footer div {width:885px;margin:0 auto;text-align:center;} #footer div div {width:625px;float:left;font-size:.94em;margin-bottom:1em;} #footer ul {list-style:none;margin:0 260px 0 0;padding:0;} #footer li {margin:0;padding:0 10px;display:inline} #footer a {text-decoration:none;color:#6F6F6F;font-size:.94em;} #footer a:hover {color:#000;} #footer hr {color:#C6CDBF;} /***************** * left menu *****************/ #menul {color:#50534D;} #menul a {text-decoration:none;} #menul ul {margin:1.4em 0;padding:0;list-style-type:none;border-top:1px solid #F4F4F4;} #menul ul li {border-bottom:1px solid #F4F4F4; } #menul ul li a {color:#5B5B5B;display:block;padding:5px;font-size:.8em;} #menul ul li.on a { background:#FBFBFB;font-weight:bold; } #menul ul li a:hover {background:#E2E2E2;} #menul h3 {font-size:1em;margin-top:0.4em;padding-bottom:3px;border-bottom:1px solid #F1F1F1;} #menul .event {border-bottom:1px solid #F1F1F1;font-size:0.9em;margin:6px 0;} #menul .event h2 {font-size:1em;} #menul .event h4 {font-size:x-small;} #menul .event .event2 {} #menul .event .event2 .block_event a {font-size:0.9em;color:#5B5B5B;} #menul .event .event2 .block_event a:hover {color:#000;} #menul .block {margin-top:1.4em;} #menul .traduction {font-size:0.9em; margin-bottom:3.6em;margin-top:-4.6em;} #menul .ps {font-size:0.9em;} #menul .texte {margin:1em 0;font-size:0.9em;} #menul .texte p.spip {margin:1em 0;} #menul .but {margin-top:0.4em;} #menul .butnotop {margin-top:0 !important;} /* mini calendrier */ #menul #abcalendrier {font-size:.9em;text-align:center;width:100%;} #menul #abcalendrier table {text-align:center;margin:0 auto;} #menul #abcalendrier abbr {color:#B1B686;} #menul #abcalendrier td {font-size:1em;padding:1px 2px;} #menul #abcalendrier td a {font-weight:bold;color:#08D709;font-size:1em;} #menul #abcalendrier td a:hover { color:#129A12; } #menul #abcalendrier .horsperiode {visibility:hidden;} #menul #abcalendrier .occupe {} #menul #abcalendrier .libre {color:#C8C8C8;} #menul #abcalendrier .today {background:#efefef;border:1px solid #ddd; text-decoration:none;} /* sommaire (homepage) */ #menul .article_preview {font-size:0.88em;margin-top:1.1em;padding:5px;} #menul .article_preview_even {background:#F7F1F0;} /***************** * content *****************/ #content {font-size:0.88em;color:#50534D;} #content h1,#content h2,#content h3 {color:#B0A09D;} #content h1 { font-size: 1.8em; margin:0.8em 0 0.4em 0;} #content h1 a {text-decoration:none;} #content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal} #content h1 a img {border:1px solid #fff;} #content h1.hidden {display:none;} #content h2, #content h3{ font-size: 1.2em; margin:0.3em 0 0.2em 0;} #content h3 {margin-top:1em;} #content label.inline {display:inline;} #content p{margin:0.2em 0 0.8em 0;} #content #ariane {color:#4E4848;} #content #ariane a {text-decoration:none;color:#5D5F48;} #content #ariane a.on {text-decoration:none;font-weight:bold;} #content #ariane a:hover,#content #ariane a.on:hover {color:#000;} #content #ariane h1 {display:inline; } #content .surtitre {font-weight:bold;margin:1em 0 -1em 0;} #content .surtitre2 {font-weight:bold;margin:1.2em 0 0 0;} #content .soustitre {} #content .texte {} #content .descriptif {} #content .chapo {font-weight:bold;margin-bottom:1em;} #content .date {clear:both;margin:1em 0; color:#B2B5A5;} #content .license_detail {clear:both;margin: 0; color:#B2B5A5;} #content .auteur {margin-bottom:1em; color:#B2B5A5;} #content .auteur a {text-decoration:none;font-weight:bold;} #content .note {font-size:0.88em;border-top:1px solid #eee;padding-top:0.5em;margin-top:1em;} #content .pagination {margin:1em 0;} #content .article_preview {margin-top:1.2em;} #content .article_preview h1 {margin:0;font-size:1.4em;} #content .article_preview h2 {margin:0 0 .2em 0;font-size:1.8em;} #content .article_preview .meta_date {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0px 3px 8px;padding:10px 2px;} #content .article_preview .meta {margin-bottom:0.5em;font-size:0.92em;} #content .article_preview small {display:block;text-align:right;margin-bottom:.6em;} #content .article_preview_liner {padding:12px 10px;border-bottom:1px solid #eee;margin:0 !important;} #content .article_preview_even {background:#F7F1F0;} #content .article_preview_even h2 {color:#9E8D8A;} #content .traduction {float:right;width:260px;text-align:right;margin:0 0 2em 0;} #content .traduction a {text-decoration:none;} #content .evenement {margin:0 0 2em 0;} #content .evenement h2 {display:none;} #content .evenement ul {list-style:none;margin:0;width:440px;padding:0;border-top:1px solid #DDD;} #content .evenement li {margin:0;padding:1px 5px;border-bottom:1px solid #DDD;background:#F9FBF1;} #content .keyword {margin:10px 0;} #content .keyword ul {list-style:none;margin:0;padding:0;} #content .keyword li {display:inline;} #content .keyword a {color:#A5A2A2;text-decoration:none;margin-right:15px;padding-left:40px;background:#fff url(../img/but_tag.png) no-repeat center left;} #content .keyword a:hover {color:#333;} /* forum */ #content a.forum {margin:2.2em 0 1em 0;text-decoration:none;display:block;padding:4px 0 4px 37px;font-weight:bold;color:#B1B686;background:transparent url(../img/but_forum.png) no-repeat center left;} #content ul#forums {list-style:none;margin:0;padding:0;} #content ul#forums {margin:2em 0 0 0;padding:0;list-style:none;} #content ul#forums li {padding:6px;clear:both;} #content ul#forums li.odd {} #content ul#forums li.even {background:#fafafa;} #content ul#forums {text-decoration:none;font-weight:bold;} #content ul#forums strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:left;margin:3px 8px 3px 0;padding:10px 2px;} #content ul#forums span {font-weight:normal;color:#8D8E8D;} #content ul#forums div {font-weight:normal;margin:0.4em 0;padding:0 0 0 95px;} /* listes */ #content ul.puce, #content ul.puce2 { margin: 0 0 0 45px;padding: 0; line-height: 1.3em;} #content ul.puce li, #content ul.puce2 li { list-style-type: none;} #content ul.puce li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce1.gif) no-repeat 0 0;} #content ul.puce2 {margin-top:1em;} #content ul.puce2 h2 {font-size:1em;} #content ul.puce2 li a {list-style-type:circle;text-decoration: none;padding-left: 1.5em;background:transparent url(../img/puce2.gif) no-repeat center left;font-weight:bold;font-size:1.2em;} #content ul.puce2 ul {margin: 0;padding: 0;/*border-bottom:1px solid #F2F6DF;*/ background:#F7F1F0;margin-bottom:1.4em;} #content ul.puce2 ul li {border-top:1px solid #fff;margin:0;padding:3px 3px 3px 24px;} #content ul.puce2 ul li a {list-style-type:none;text-decoration: none;padding-left:0;background:transparent;font-size:1em;} #content a { color:#08D709; } #content a:hover { color:#129A12; } #content a.spip_in {text-decoration:none;border-bottom:1px dashed #08D709;} #content a.spip_in:hover {border-bottom:1px dashed #129A12;} #content a.spip_out {text-decoration:none;background:transparent url(../img/spip_out.png) right center no-repeat;padding-right:15px;} #content a img {border:1px solid #aaa;} #content a:hover img {border:1px solid #0171bb;} #content a.lien_pagination {text-decoration:none;} #content a.discrete, #menul a.discrete {text-decoration:none;color:#000;} #content a.discrete:hover, #menul a.discrete:hover {color:#E5620A;/*6BBDEF*/} #content #portfolio {margin:1.2em 0 0 0;} #content #portfolio .gallery-thumb {width:140px;height:200px;float:left;} #content #portfolio .gallery-thumb img {border:1px solid #fff;} #content #portfolio .gallery-thumb img:hover {border:1px solid #697FC7;} #content .docjoint {float:left;width:150px;margin:15px 25px 0 0;} #content .docjoint a img{border:0;} #content .cadre {border:1px solid #57D300;} #content .bicol {width:45%;float:left;margin:0 10px 0 0;} #content .bicol h3 {color:#fff; font-size:1.1em;background:#57D300;padding:2px;margin:0;} #content .bicol ul {padding:0;margin:4px 4px 15px 4px;list-style-type:none;} #content .bicol ul li {margin-bottom:4px;font-size:0.98em;} #content .bicol ul li a {padding:0;margin:0;text-decoration:none;} #content .bicol ul li a.on {color:#d00;} #content .puce_active ul.spip {margin-left:18px;list-style-type:disc !important;} #content ul.discrete {padding:0;margin:0;list-style-type: none;} #content ul.discrete li {padding:5px;/*border-bottom:1px solid #ddd;*/margin-bottom:5px;} #content ul.discrete li.odd0 {background:#76c9ff;/*#DDEEF9;*/} #content ul.discrete li.odd1 {background:#d2e7ff;/*#F2F8FF;*/} #content ul.discrete li a {padding:0;margin:0;text-decoration:none;} #content .item_syndic {background:#fafafa;padding:5px;margin-bottom:20px;} #content .item_syndic ul.discrete {background:#f0f0f0;} /* page recherche */ #content .formulaire_recherche label {display:none;} /* page sommaire*/ #content .home_last_news {border-left:20px solid #00FF01;padding:0 10px 10px 10px;margin:0.5em 0;} #content ul#home_news {margin:0;padding:0;list-style:none;border-top:1px solid #eee;} #content ul#home_news li {padding:4px 0;border-bottom:1px solid #eee;} #content ul#home_news a {text-decoration:none;font-weight:bold;} #content ul#home_news a strong {text-decoration:none;font-weight:normal;color:#8D8E8D;background:#efefef;width:80px;border:1px solid #eee;text-align:center;display:block;float:right;margin:3px 0 8px 3px;padding:10px 2px;} #content ul#home_news a span {font-weight:normal;color:#8D8E8D;/*float:left;width:300px;padding:5px 0;*/;display:inline;} #content ul#home_news img {margin:8px 8px 8px 0;} #content .focus {margin:0 0 1em 0;padding:10px;border:1px dashed #00B0E8;background:#fff;} #content .home_focus {font-weight:normal;} #content .home_focus h1 {font-size:1.4em; margin:0;} /* agenda */ #content .event {border-top:1px solid #eee;padding:5px 0;clear:both; } #content .event a {text-decoration:none;} #content .event h2 {font-size:1.2em;margin-bottom:0;} #content .event h3 {float:right;width:300px;text-align:right;} #content .event h4 span {font-weight:normal;color:#888;} #content .event .illus {float:left;width:50px;padding-top:0.75em;} #content .event .illus img {padding-bottom:5px;} #content .event .event2 {float:left;width:570px;margin-bottom:1em;border-left:15px solid #B1B686;padding-left:24px;} /***************** * content > right menu *****************/ #content #more {background:#fefcc4;font-size:.9em;} #content #more ul{padding:0;margin:0.5em 0.5em 0.5em 0;list-style-type: none; } #content #more ul li{} #content #more ul li a {padding:0;margin:0;color:#aba84e;text-decoration:none; background:transparent;} #content #more ul li a.on {font-weight:bold;} #content #more ul li a:hover {color:#4b4a24;} /***************** * misc *****************/ .spacer { clear: both; } .bold {font-weight:bold;} /***************** * page lettre.html (formulaire) *****************/ .row { clear: both; padding-top: 10px; } .row label { float: left; width: 90px; padding-right:20px; text-align: right; } .required {color:#f00;} .warning { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_warning.png) no-repeat 5px 5px;} .congratulation { margin: 5px; padding: 15px 15px 15px 60px; background: #fff url(../img/but_congratulation.png) no-repeat 5px 5px;} .hidden {display:none;} /***************** * spip (reprise de dist + spip-contrib) *****************/ /* Document */ .spip_doc_titre {font-size:0.8em;} dl.spip_documents {/*width:120px;*/ text-align:center;} .spip_documents a.spip_out {background:transparent !important;text-decoration:none !important;border:0px #fff !important;} /* pour eviter les bordures sur lien img [->url] */ .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_documents_center { display: block !important; text-align: center; margin: 5px auto;} .spip_doc_titre, .spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; } img.spip_logos {margin:0 8px 8px 0 !important;} /* Paragraphes, citations, code et poesie */ blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; } blockquote, blockquote.spip { margin: 1em 0; padding : 4px 1em 4px 1em; border: 1px solid #CCC; border-left: 4px solid #A0C0E0;color: #333;} .spip_poesie { margin: 1em; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; } .spip_poesie div { text-indent: -60px; margin-left: 60px; } tt, .spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em;} .spip_code { color: #345DA4; } tt { color: #333; } .spip_cadre { width: 98%; padding: 4px; padding-top: 0.5em; background: #eee; color: #3465a4; border: 1px inset #eee; border-left: 4px solid #345DA4;} .spip_surligne {background: yellow;} /* Formulaires */ .reponse_formulaire {padding:5px;background:#efefef;} .formulaire_ecrire_auteur {margin:1.2em 0 0 0;} .formulaire_ecrire_auteur label {display:block;} .formulaire_ecrire_auteur ul {list-style:none;margin:0;} .formulaire_spip fieldset ul {padding:0 .2em; list-style:none;} .formulaire_spip fieldset ul li {padding:0.4em 0;} .formulaire_lettre {background:#F7F1F0;margin:1.2em 0 0 0;padding-top:1em;} .formulaire_lettre .reponse_formulaire {margin:1em;background:#fff;border:2px dashed #DD9085;} .formulaire_lettre label {float:left;padding-right:8px;text-align:right;width:200px;} /* Tableaux */ table.spip { margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; font-size:14px; font-weight:bold; } table.spip caption { caption-side: top; text-align: center; margin: auto; padding: 3px; font-weight: bold; } table.spip tr.row_first { background: #FFC; } table.spip tr.row_odd { background: #DDD; } table.spip tr.row_even { background: #EEE; } table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; } table.spip a {text-decoration:none;color:#00F !important;} table.spip a:hover {color:#005 !important;;} table.spip a img {border:0;} /***************** * form & tables (surcharge) *****************/ #content .spip_forms {border-left:0px solid #fff;} #content .spip_forms fieldset{border-left:0px solid #fff;border-top-color:#fff;} #content .spip_forms .forml, #content .spip_forms .fondl {background:#F3FFEF;} #content .spip_forms .forml, #content .spip_forms .formo{ border-bottom:solid 1px #57D300; border-right:solid 1px #57D300; border-top:1px solid #249D00; border-left:1px solid #249D00; } #content .spip_forms .spip_bouton input {border:1px solid #57D300;background:#C2FFAF;} /***************** * plugin gis *****************/ #player {display:none;} /***************** * plugin nuage *****************/ #content ul.nuage , #menul ul.nuage { margin:4em 2em 2em 2em; padding: 0; list-style: none;border:0px solid #fff;} #content ul.nuage a, #menul ul.nuage a { color:#08D709; text-decoration:none; margin:2em; } #content ul.nuage a:hover, #menul ul.nuage a:hover { color:#129A12;background:transparent; } #content ul.nuage li , #menul ul.nuage li { display: inline; line-height:2em; border:0px solid #fff;} #content ul.nuage li a, #menul ul.nuage li a { white-space: nowrap;display: inline;} #content ul.nuage span.frequence; #menul ul.nuage span.frequence { display: block; float: left; height: 0; overflow: auto; width: 0;} /***************** * plugin artfactories / formulaires *****************/ ul.fiche {list-style:none;padding:0;margin:0;} ul.fiche li {padding:10px 0;} ul.fiche li a {background:#fff;border:1px solid;margin:5px;text-decoration:none;padding:5px} ul.fiche li a.on {background:#eee;} .formulaire_spip form {}; .formulaire_spip form ul {} .formulaire_spip form li {clear:both;list-style:none !important;} .formulaire_spip form .titre1 {background:#0D0;padding:5px;width:360px;margin-top:0.4em;font-weight:bold;color:#fff;font-size:1.2em;} .formulaire_spip form .titre2 {background:#0F0;padding:5px;width:360px;margin-bottom:0.4em;line-height:1.6em;} .formulaire_spip form .titre2 input {float:right;width:50px;} .formulaire_spip form .titre2_basic {background:#fff;} .formulaire_spip form li label {width:180px;padding-right:10px;text-align:right;display:block;float:left;} .formulaire_spip form li span.detail {font-size:x-small;color:#999;font-weight:normal;display:block;line-height:1em;margin-bottom:1em;} .formulaire_spip form li i {font-weight:normal;} .formulaire_spip form li.erreur label {color:#F00;} .formulaire_spip form li.erreur input, .formulaire_spip form li.erreur textarea {background:#FFCFCF;} .formulaire_spip form li.erreur span.erreur_message {display:none;} .formulaire_ficheeco input {text-align:right;} /* compta */ .formulaire_ficheeco li, .formulaire_fichelieu li {padding:4px 0;} .formulaire_ficheeco input, .formulaire_fichelieu input {background:#fdfdfd;border:1px solid #999;} .formulaire_ficheeco textarea, .formulaire_fichelieu textarea {height:100px;background:#fdfdfd;border:1px solid #999;} .formulaire_ficheeco input.disabled, .formulaire_fichelieu input.disabled {background:yellow;border:none;} .formulaire_fichelieu a.fold {float:right;padding:0 4px;background:#fff;text-decoration:none;} .formulaire_spip a.fold {float:right;width:22px;height:22px;background:transparent url(../img/fiche_fold2.png) no-repeat center right;} .formulaire_spip a.folded {float:right;background:transparent url(../img/fiche_fold.png) no-repeat center right;} .formulaire_spip a.fold span {display:none;} /* fiche publique */ .ficheeco {} .ficheeco ul {list-style:none;margin:0;padding:0;} .ficheeco li {padding:0.4em;border-bottom:1px solid #eee;clear:both;} .ficheeco li .label {width:180px;padding-right:10px;text-align:right;display:block;float:left;} .ficheeco .val {font-weight:bold;} .ficheeco .big {display:block;clear:both;font-weight:normal;padding:0.5em 1em;border-left:3px solid #eee;background:#fcfcfc;text-align:justify;} .ficheeco .total {font-weight:bold;background:yellow;padding:0 5px;float:right;} .ficheeco .titre1 {background:#0D0;padding:5px;margin-top:0.4em;font-weight:bold;color:#fff;font-size:1.2em;} .ficheeco .titre2 {background:#0F0;padding:5px;margin-bottom:0.4em;line-height:1.6em;} .ficheeco .tab {} .ficheeco a.fold {float:right;width:22px;height:22px;background:transparent url(../img/fiche_fold2.png) no-repeat center right;} .ficheeco a.folded {float:right;background:transparent url(../img/fiche_fold.png) no-repeat center right;} .ficheeco a.fold span {display:none;} #content a.tabfiche {text-decoration:none;font-weight:bold;border:1px solid #0f0;color:#0f0;float:left;padding:5px;margin-right:15px !important;} #content a.tabfiche:hover {color:#090;} #content a.tabfiche_on {background:#0f0;color:#fff;} .fiche_navlang {float:right;padding:10px;background:#F4F3E1;width:100px;} #content .bicol label {display:block;float:none;text-align:left;} #content .bicol form {line-height:150%;} .galleria-stage { height:500px; }