/********************************************************* * CSS screen * * name: viva tadao * * date: 2012.01.11 * author: erational * version: 0.7 * licence: GPL * **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#F1F1F1 url(../img/bg.png) repeat-y top center; font-family:Arial, Helvetica, verdana, sans-serif;} h1,h2,h3,h4,h5,h6,p,div,form { margin:0;padding:0;} a { color:#0171bb; } a:hover { color:#44b4fe; } 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; } form li {list-style:none;margin:0;padding:0;} 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_footer.png) no-repeat bottom center;} /***************** * banner *****************/ #banner {color:#fff;font-size:0;background:transparent url(../img/bg_banner.png) no-repeat top center;height:138px;} #banner h1,#banner h2{display:none;} #banner img {margin:0;} #banner a.inscription {font-size:12px;width:130px; float:right;position:absolute; top:114px; margin:0 0 0 96px; padding-left:24px; padding-top:3px; text-decoration:none;color:#000; font-weight:bold; background:transparent url(../img/bg_inscription.png) no-repeat left center; height:19px; } #banner a.inscription:hover {color:#AD4016;} /***************** * 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:#6BBDEF;height:2em;} /* menu */ #navbar .submenu { color:#fff;width:90px;float:left;text-align:center;} #navbar .submenu a {display:block;text-decoration:none;} #navbar .submenu a.on {background:#C9EEFA;color:#437889;} #navbar .submenu h3 {font-weight:normal;font-size:1em;} #navbar .submenu h3 a {background:#6BBDEF;color:#fff;padding:0.36em 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:#6BBDEF;color:#fff;font-size:1em;padding:3px 6px;width:198px;} #navbar .submenu ul li a:hover {background:#386682;} /* formulaire recherche */ #navbar form {float:right;display:inline;} #navbar form div {display:inline;margin-right:5px;} #navbar label {display:none;} #navbar input {border:1px solid #fff;font-size:11px;margin-top:4px;width:130px;} /***************** * 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 {} #menul a {text-decoration:none;} #menul ul {margin: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;} /* mini calendrier */ #menul #menu_calendar {font-size:.9em;text-align:center;width:100%;} #menul #menu_calendar table {text-align:center;margin:0 auto;} #menul #menu_calendar abbr {color:#B1B686;} #menul #menu_calendar td {font-size:1em;padding:1px 2px;} #menul #menu_calendar td a {font-weight:bold;} #menul #menu_calendar .horsperiode {visibility:hidden;} #menul #menu_calendar .occupe {} #menul #menu_calendar .libre {color:#C8C8C8;} #menul #menu_calendar .today {background:#efefef;border:1px solid #ddd;} /***************** * content *****************/ #content {font-size:0.88em;color:#50534D;} #content h1,#content h2,#content h3 {color:#4C4C4C;} #content h1 { font-size: 2.2em; margin:0.8em 0 0.4em 0;font-family:Times,serif;} #content h1 a {text-decoration:none;} #content h1 a span {color:#8D8E8D;font-size:0.8em;font-weight:normal} #content h2, #content h3{ font-size: 1.2em; margin:0.3em 0 0.2em 0;} #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:#7E8162;} #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 .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.futur {border:5px dashed #FE9D20; padding:10px;} #content .traduction {display:none;/*float:right;width:200px;border:1px solid #E8E8E8;text-align:right;margin:8px 0;text-transform:lowercase;*/} #content .traduction a {text-decoration:none;} #content .traduction span {border-top:1px solid #E8E8E8;display:block;width:100%;} #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:22px 0;} #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;} #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:#4094DF; } #content a:hover { color:#6BBDEF; } #content a.spip_in {text-decoration:none;border-bottom:1px dashed #4094DF;} #content a.spip_in:hover {border-bottom:1px dashed #6BBDEF;} #content a.spip_out {text-decoration:none;background: url(../img/spip_out.png) right center no-repeat; padding-right: 15px; border-bottom: 1px solid;} #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 #B1B686;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 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; } /***************** * formulaire *****************/ .row { clear: both; padding-top: 10px; } .row label { float: left; width: 220px; padding-right:20px; text-align: right; } .row .margerleft {margin-left:240px;} .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;} #content #quotientresult table {margin:1em 0;} #content #quotientresult td {font-size:12px;padding-right:10px;} #content #quotientresult .total {margin-bottom:1em;font-weight:bold;border-top:1px solid #000;} /***************** * 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:.2em;} /* 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 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;} /* formulaire seconde (janv 2012) */ #seconde {border:3px solid #e6e6e6;padding:25px;} #seconde ul {margin:0;padding:0;} #seconde li {padding:5px 0;clear:both;} #seconde li.liner {border-bottom:1px solid #e6e6e6;} #seconde label {font-weight:normal;float:left;width:130px;background:#e6e6e6;padding:3px 5px;} #seconde li.saisie_textarea label {clear:both;float:none;background:#fff;width:100%;font-weight:bold;border-bottom:1px solid #e6e6e6;margin-bottom:5px;} #seconde li.saisie_textarea textarea {width:420px;height:60px;padding:2px;} #seconde li.saisie_radio input {float:left;} #seconde li.saisie_radio label {background:#fff;width:400px;} #seconde li.saisie_radio .choix {clear:both;height:2em;} #seconde li.saisie_checkbox input {float:left;} #seconde li.saisie_checkbox label {background:#fff;width:400px;} #seconde li.saisie_email label {width:100%;float:none;background:none;font-weight:bold;border-bottom:1px solid #e6e6e6;margin-bottom:5px;} #seconde option {width:100px;} #seconde input, #seconde checkbox, #seconde select, #seconde textarea {background:#f9f9f9;} #seconde li.erreur input, #seconde li.erreur checkbox, #seconde li.erreur select, #seconde li.erreur textarea {border:2px solid #D00;} #seconde li.erreur .choix {border-left:4px solid #D00;} .reponse_formulaire {border-radius:4px;background:#090;color:#fff;} .reponse_formulaire_erreur {background:#D00;} div.spip_bouton input:hover {background:#7EBC69 !important;} #seconde #champ_datenaissance {margin-top:0;color:#000;} #seconde a.dp-choose-date {margin-bottom:12px;} #seconde .erreur_message {display:none;}