/********************************************************* * CSS screen * * name: les portables pfff.... * * date: 2011.02.02 * author: erational * version: 0.7 * licence: GPL * * * attention: * ce fichier est compresse et mise en cache par SPIP 2 **********************************************************/ @import "layout.css"; /***************** * tags *****************/ body { color: #000; background:#fff url(../img/bg_banner.png) repeat-x top left; 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; } 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*/ /***************** * banner *****************/ #banner {color:#fff;font-size:0.88em;} #banner #logo_website {float:left;margin:0 0 5px 0;} #banner h1,#banner h2{display:none;} #banner a {text-decoration:none;color:#fff;} #banner a:hover {color:#2DA405;} #banner ul {list-style:none;margin:0;padding:0;} #banner li {margin:0;padding:0;display:inline;} #banner #nav-top {float:right;padding:2px 0 0 0;text-align:center;} #banner #nav-top a {color:#B1B686;text-decoration:none;font-weight:bold;margin:0 6px;} #banner #nav-top a:hover {color:#76795A;} #banner #nav-top ul {display:inline;} #banner #nav-top form {display:inline;} #banner #nav-top label {display:none;} #banner #nav-top input {background:#FFF;width:120px;border:none;font-size:small;} /***************** * navbar *****************/ #navbar {clear:both;font-size:0.88em;background:#B1B686;height:2em;border-top:1px solid #fff;} #navbar div {width:885px;margin:0 auto;text-align:left;} #navbar ul {list-style:none;margin:0;padding:0;} #navbar li {margin:0;padding:0;display:inline;} #navbar a {color:#fff;text-decoration:none;font-weight:bold; display:block;float:left;margin:0; font-size:1em;padding:5px 15px 8px 5px; } #navbar a:hover {color:#E3E9B5;} #navbar a.on {background:#fff;color:#B1B686;} /***************** * container *****************/ #container {clear:both;} /***************** * license *****************/ #license {clear:both;text-align:center;font-size:0.88em;padding:10px 0;} #license div {width:885px;margin:0 auto;} #license a {text-decoration:none;color:#B1B686;font-size:.94em;} #license a:hover {color:#000;} /* exception lorsque licence ds article et pas pied */ #content #license {font-size:1em;} #content #license a {color:#B1B686;} #content #license a:hover {color:#000;} #license_null {clear:both;height:1.4em;} /***************** * footer *****************/ #footer {clear:both;font-size:0.88em;background:#F2F6DF;color:#4E4848;border-top:2px solid #C6CCB6;padding:20px 0 40px 0;text-align:center;} #footer div {width:885px;margin:0 auto;text-align:left;} #footer div .col_ter {width:260px;margin-right:30px;float:left;/*border:1px solid #eee;*/} #footer h4 {font-size:1.2em;margin:0 0 7px 0;color:#B1B686;border-left:17px solid #DFE3CD;padding-left:4px;} #footer ul {list-style:none;margin:0;padding:0;border-top:1px solid #FBFFE6;} #footer li {margin:0;padding:0;border-bottom:1px solid #FBFFE6;padding:8px 0 5px 0;} #footer a {text-decoration:none;color:#B1B686;font-size:.94em;} #footer a strong {color:#8F9186;} #footer a:hover {color:#727556;} #footer hr {color:#C6CDBF;} /***************** * left menu *****************/ #menul {} #menul a {text-decoration:none;} #menul h3 {font-size:.9em;} #menul h3 a{color:#9B9F75;background:#F2F6DF;display:block;padding:3px 6px;margin:1em 0 0.3em 0;} #menul h3 a:hover {color:#FFF;background:#B1B686;} #menul h3.info a {border-left:21px solid #CB2A85;} #menul h3.info a:hover {border-left:21px solid #A9216E;} #menul h3.agenda a {border-left:21px solid #F4BBDB;} #menul h3.agenda a:hover {border-left:21px solid #BA6C98;} #menul h3.acteur a {border-left:21px solid #CB542A;} #menul h3.acteur a:hover {border-left:21px solid #984123;} #menul h3.newsletter a {border-left:21px solid #EEFA34;} #menul h3.newsletter a:hover {border-left:21px solid #FFE033;} #menul h3.participer a {border-left:21px solid #CBAC2A;} #menul h3.participer a:hover {border-left:21px solid #9B8320;} #menul h3.carte a {border-left:21px solid #B4CB2A;} #menul h3.carte a:hover {border-left:21px solid #85961E;} #menul h3.resume a {border-left:21px solid #DEF16A;} #menul h3.resume a:hover {border-left:21px solid #A7B261;} #menul h3.wiki a {border-left:21px solid #636941;} #menul h3.wiki a:hover {border-left:21px solid #363923;} #menul ul, #menul li,#menul a {margin:0;padding:0;list-style-type:none;} #menul ul li a {color:#9B9F75;background:#F2F6DF;display:block;padding:1px 1px 1px 30px;font-size:.8em;} #menul ul li a:hover {color:#FFF;background:#B1B686;} #menul img {margin:1em 0 0 0;} #menul div {font-size:.8em;} #menul div.submenu {font-size:1em;} #menul div.submenu h3 a {margin:0;background:#F2F6DF url(../img/menul_puce.png) no-repeat center right;} #menul div.submenu h3 a:hover {color:#FFF;background:#B1B686 url(../img/menul_puce_over.png) no-repeat center right;} #menul div.submenu ul {position:relative;height:0;/*opacity: .96;*/} #menul div.margebasse {margin-bottom:.2em;} #menul .center {text-align:center;margin:-0.3em 0 4px 0;} #menul a { color:#FFAE00; font-weight:bold;} #menul a:hover { color:#E5620A; } /* 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:#fff;} #menul .home_logo {text-align:center;margin-top:3em;} #menul .home_logo a {display:block;margin-bottom:15px;padding-right:25px;} /***************** * content *****************/ #content {font-size:0.88em;color:#50534D;} #content h1,#content h2,#content h3 {color:#A3A77C;} #content h1 { font-size: 1.4em; margin:0.8em 0 0 0;} #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:#B1B686;font-weight:bold;} #content #ariane a.on {text-decoration:none;color:#5D5F48;} #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:0.8em;} #content .article_preview h1 {margin:0;} #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;background:#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:#FFAE00; } #content a:hover { color:#E5620A; } #content a.spip_in {text-decoration:none;border-bottom:1px dashed #FFAE00;} #content a.spip_in:hover {border-bottom:1px dashed #E5620A;} #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.discrete img {border:1px solid #fff;} #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;} #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:2em 0 0 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;} /* 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; } /***************** * 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;} /***************** * 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-top:1.2em;} .formulaire_ecrire_auteur label {display:block;} .formulaire_ecrire_auteur ul {list-style:none;margin:0;} /* 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;} /***************** * mobile *****************/ @media screen and (max-width:640px) { #navbar, #menul,#more, #footer {display:none;} #banner {padding:28px 10px;width:auto;} #nav-top {display:none;} #container {width:auto;margin:5px 15px; font-size:92%;} #content {width:auto;} #content .home_last_news {border-left:10px solid #B1B686;} #license div {width:auto;} #ariane {margin-top:1em;} }