/********************************************************* * CSS screen * * name: lison ou suzon - charte par akatre * * date: 2009.09.09 * author: erational * version: 0.4 * licence: GPL 3 * **********************************************************/ @import "layout.css"; /**** tags ****/ body { font-family: Georgia, Arial, Helvetica, sans-serif;color:#100B11;background:#FFF3E0;font-style:italic; } h1, h2, h3, h4, h5, h6, div, legend {margin:0;padding:0;} hr { clear: both; visibility: hidden; margin: 0;} form { margin:0;} label { font-weight: bold; display: block;} img { border: 0;} input {font-family: Georgia, Arial, Helvetica, sans-serif;font-style:italic; } fieldset {border:0;padding:0;margin:1em 0 0 0;} a { color: #00ADFF;text-decoration: none;} a:hover { color:#0073A9;} a.discrete { color:#100B11;} a.discrete:hover { color:#0073A9;} /**** general ****/ .spacer {clear:both;} .marger_top {margin-top:0.4em;} .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;} /**** banner ****/ #banner {} #banner h1, #banner h2 {display:none;} #banner_tools {float:right;} #banner_tools label {display:none;} #banner_tools input {text-align:right;background:#221E1F;color:#FFF;width:150px;border:1px solid #221E1F;font-size:x-small;} #banner_lang {position:absolute;left:820px;top:86px;font-size:x-small;} #banner_lang a {color:#221E1F;padding:2px;} #banner_lang a.on {background:#221E1F;color:#fff;} /**** content ****/ #content {line-height:1.2em;} #content p {text-align:justify;} #content h1.typo img {margin:-7px 0;} /* pour corriger image typo et ces marges */ #content h1.classic {margin:0.4em 0 1em 0;font-size:2.2em;} .pagination { margin: 9px 0;} .surtitre { font-weight: bold;} .titre { margin: 32px 0 22px 0;} .soustitre { font-weight: bold;} .chapo { margin: 5px 0; font-style: italic;} .chapo img {margin-top:1em;} .desc { padding:2px 0;font-size:11px;} .ps {} .hypertxt { margin-bottom: 4px;} .keyword { margin: 0; padding-bottom:1em; text-align: left;} .keyword ul { display: inline;background:transparent url(../img/but_tag.png) no-repeat center left;padding: 8px 8px 8px 35px;} .keyword ul li { display: inline; list-style: none; margin:0; padding:0;} .keyword ul li a { margin-left: 0.1em; padding-left: 5px; padding-right: 5px; } .article_preview {margin:0 0 1.4em 0;} .article_preview h2 {font-size:1.2em;} .article_preview img {margin-top:1em;} ul.discrete { list-style: none; margin: 5px 0; padding: 0;} ul.discrete li { margin:0; padding: 0;} ul.discrete li.liner { border-bottom:1px solid #ddd; clear:both;/*background:#fff;*/} .spacer_day { width: 180px; float:left;} .half_width { width:70%;} /** rubrique */ ul.list_arrow { float: left;} ul.list_arrow li { list-style-image: url(../img/puce_arrow.png); list-style-type: circle;} /**** navbar ****/ #navbar {padding-bottom:2em;background:transparent url(../img/bg_navbar.png) no-repeat bottom left;} #navbar a {display:block;} #navbar a:hover {background:transparent url(../img/but_navbar_hover.png) no-repeat center right;} #navbar ul, #navbar li {list-style:none;margin:0;padding:0;/*font-size:0;*/} #navbar ul ul li {list-style:disc;margin-left:2.2em;} #navbar ul ul a {color:#100B11;padding:1px 2px;} #navbar ul ul a:hover {background:#000;color:#fff;} #navbar ul ul a.on {color:#00ADFF;} #navbar .major {padding-bottom:1em;} #navbar .major img {margin:-7px 0;} /* pour corriger image typo et ces marges */ #navbar .block {padding:1em 0;border-top:2px solid #59534F;} #navbar .block img {margin:-3px 0;} /* pour corriger image typo et ces marges */ #navbar #calendar, #navbar #calendar td {font-size:10px;font-family:Arial,serif;font-style:normal;} #navbar #calendar td {text-align:center;padding:1px 3px;border:0px solid transparent;} #navbar #calendar a:hover {background:transparent;} #navbar #calendar caption {width:150px; padding:4px 0 0 0;margin:0;height:14px;} #navbar #calendar caption .a {float:left;width:20px;} #navbar #calendar caption .b {float:left;width:100px;display:block;} #navbar #calendar caption .c {float:right;width:19px;} #navbar #calendar caption a { color: #100B11; font-weight:bold;} td.libre {background:#FFFFFF; } td.horsperiode { visibility:hidden;} td.occupe {background:#00ADFF;} td.occupe a {color:#FFF;} td.occupe a:hover {color:#0073A9;} #navbar #calendar td.today {border:2px solid #100B11;} #navbar #calendar abbr{border-bottom:none;} /**** footer ****/ #footer { display:none;} #footer ul { margin:0; padding:0;} #footer ul li { display:inline; margin:0; padding:0;} /**** spip (generic) ****/ .spip_surligne { background: yellow;} .spip_documents_center { text-align: center; margin: 0 0 15px 0;} .spip_doc_titre { text-align: center; margin:5px auto;} .spip_documents_left { float: left; margin-right: 8px; margin-bottom: 8px;} .spip_documents_right { float: right; padding-left: 8px; padding-bottom: 8px;} .spip_logos { margin-right: 10px; margin-bottom: 10px;} .on { font-weight: bold;} hr.spip { /* http://www.blakems.com/experimental/hr/ */ visibility: visible; color:#59534F; background-color:#59534F; height: 1px; border: none 0; } table.spip { margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; } table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 3px; font-weight: bold; } table.spip tr.row_first { background: #FFFF00; } table.spip tr.row_odd { background: #FF99CC; } table.spip tr.row_even { background: #FFCCFF; } table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; } /* 2010 */ .formulaire_spip ul { margin: 0; padding: 0; list-style: none; } .formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; } /***************** OLD ******************/ /************************ page: jour ***************************/ .outliner { width: 200px; background: #FFCCFF; margin: 3px 10px 3px 3px; border-right:1px solid #FF66CC; border-bottom:1px solid #FF66CC; padding: 1px 2px 1px 5px;} .spacer_day { width: 180px; float:left;} .spacer { clear: both;}