a.interwiki { background: transparent url(/ferme/sympa/lib/images/interwiki.png) 0px 1px no-repeat; padding-left: 16px;}
a.iw_wp {  background-image: url(/ferme/sympa/lib/images/interwiki/wp.gif)}
a.iw_wpde {  background-image: url(/ferme/sympa/lib/images/interwiki/wpde.gif)}
a.iw_wpmeta {  background-image: url(/ferme/sympa/lib/images/interwiki/wpmeta.gif)}
a.iw_doku {  background-image: url(/ferme/sympa/lib/images/interwiki/doku.gif)}
a.iw_sb {  background-image: url(/ferme/sympa/lib/images/interwiki/sb.gif)}
a.iw_amazon {  background-image: url(/ferme/sympa/lib/images/interwiki/amazon.gif)}
a.iw_amazon_de {  background-image: url(/ferme/sympa/lib/images/interwiki/amazon.de.gif)}
a.iw_amazon_uk {  background-image: url(/ferme/sympa/lib/images/interwiki/amazon.uk.gif)}
a.iw_phpfn {  background-image: url(/ferme/sympa/lib/images/interwiki/phpfn.gif)}
a.iw_bug {  background-image: url(/ferme/sympa/lib/images/interwiki/bug.gif)}
a.iw_coral {  background-image: url(/ferme/sympa/lib/images/interwiki/coral.gif)}
a.iw_google {  background-image: url(/ferme/sympa/lib/images/interwiki/google.gif)}
a.iw_meatball {  background-image: url(/ferme/sympa/lib/images/interwiki/meatball.gif)}
a.iw_wiki {  background-image: url(/ferme/sympa/lib/images/interwiki/wiki.gif)}
a.mediafile { background: transparent url(/ferme/sympa/lib/images/fileicons/file.png) 0px 1px no-repeat; padding-left: 18px; padding-bottom: 1px;}
a.mf_jpg {  background-image: url(/ferme/sympa/lib/images/fileicons/jpg.png)}
a.mf_jpeg {  background-image: url(/ferme/sympa/lib/images/fileicons/jpeg.png)}
a.mf_gif {  background-image: url(/ferme/sympa/lib/images/fileicons/gif.png)}
a.mf_png {  background-image: url(/ferme/sympa/lib/images/fileicons/png.png)}
a.mf_tgz {  background-image: url(/ferme/sympa/lib/images/fileicons/tgz.png)}
a.mf_tar {  background-image: url(/ferme/sympa/lib/images/fileicons/tar.png)}
a.mf_gz {  background-image: url(/ferme/sympa/lib/images/fileicons/gz.png)}
a.mf_zip {  background-image: url(/ferme/sympa/lib/images/fileicons/zip.png)}
a.mf_pdf {  background-image: url(/ferme/sympa/lib/images/fileicons/pdf.png)}
a.mf_txt {  background-image: url(/ferme/sympa/lib/images/fileicons/txt.png)}
a.mf_html {  background-image: url(/ferme/sympa/lib/images/fileicons/html.png)}
a.mf_htm {  background-image: url(/ferme/sympa/lib/images/fileicons/htm.png)}
a.mf_ps {  background-image: url(/ferme/sympa/lib/images/fileicons/ps.png)}
a.mf_doc {  background-image: url(/ferme/sympa/lib/images/fileicons/doc.png)}
a.mf_xls {  background-image: url(/ferme/sympa/lib/images/fileicons/xls.png)}
a.mf_ppt {  background-image: url(/ferme/sympa/lib/images/fileicons/ppt.png)}
a.mf_rtf {  background-image: url(/ferme/sympa/lib/images/fileicons/rtf.png)}
a.mf_xml {  background-image: url(/ferme/sympa/lib/images/fileicons/xml.png)}
a.mf_swf {  background-image: url(/ferme/sympa/lib/images/fileicons/swf.png)}
a.mf_rpm {  background-image: url(/ferme/sympa/lib/images/fileicons/rpm.png)}
a.mf_deb {  background-image: url(/ferme/sympa/lib/images/fileicons/deb.png)}
a.mf_conf {  background-image: url(/ferme/sympa/lib/images/fileicons/conf.png)}
a.mf_sxw {  background-image: url(/ferme/sympa/lib/images/fileicons/sxw.png)}
a.mf_sxc {  background-image: url(/ferme/sympa/lib/images/fileicons/sxc.png)}
a.mf_sxi {  background-image: url(/ferme/sympa/lib/images/fileicons/sxi.png)}
a.mf_sxd {  background-image: url(/ferme/sympa/lib/images/fileicons/sxd.png)}
a.mf_odc {  background-image: url(/ferme/sympa/lib/images/fileicons/odc.png)}
a.mf_odf {  background-image: url(/ferme/sympa/lib/images/fileicons/odf.png)}
a.mf_odg {  background-image: url(/ferme/sympa/lib/images/fileicons/odg.png)}
a.mf_odi {  background-image: url(/ferme/sympa/lib/images/fileicons/odi.png)}
a.mf_odp {  background-image: url(/ferme/sympa/lib/images/fileicons/odp.png)}
a.mf_ods {  background-image: url(/ferme/sympa/lib/images/fileicons/ods.png)}
a.mf_odt {  background-image: url(/ferme/sympa/lib/images/fileicons/odt.png)}


/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
  overflow:hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

div.error {
  background: #fcc url(/lib/styles/../images/error.png) 0.5em 1em no-repeat;
  color: #000;
  text-align:center;
  border-bottom: 1px solid #faa;
  font-size: 230%;
  height: 2em;
  margin: 0;
  padding-top: 1em;
  overflow: hidden;
}

div.info {
  background: #ccf url(/ferme/sympa/lib/styles/../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(/ferme/sympa/lib/styles/../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(/ferme/sympa/lib/styles/../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign {text-align: left;}
.centeralign {text-align: center;}
.rightalign {text-align: right;}

em.u {
  font-style: normal;
  text-decoration: underline;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me0  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re4  { color: #009999; }
.code .sc0  { color: #00bbdd; }
.code .sc1  { color: #ddbb00; }
.code .sc2  { color: #009900; }
.code .st0  { color: #ff0000; }

/**
 * Basic styles for the spellchecker. Only included when the spellcheck option
 * is enabled. These styles are the absolute minimum to make the spellchecker
 * work. Templates should add addional styles for making it look nice.
 */

div.dokuwiki div#spell__suggest {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 2;
}

div.dokuwiki div#spell__result {
  display:none;
  font-family:monospace;
  overflow: auto;
  z-index: 1;
}

#acl__manager label {
  text-align: left;
  font-weight: normal;
  display: inline;
}
#acl__manager table {
  margin-left: 10%;
  width: 80%;
}

/* plugin:configmanager */
#config__manager {margin: 1em;}
#config__manager div.success,
#config__manager div.error,
#config__manager div.info {
  background-position: 0.5em;
  padding: 0.5em;
  text-align:center
}

#config__manager form { }
#config__manager table {margin: 1em 0;}
#config__manager td input.edit {width: 30em;}
#config__manager td select.edit { }
#config__manager td textarea.edit {width: 27.5em; height: 4em;}

#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select {
  background-color: #ccddff;
}

#config__manager tr.protected .input,
#config__manager tr.protected input,
#config__manager tr.default textarea,
#config__manager tr.protected select {
  background-color: #ffcccc;
}

#config__manager td.error  {background-color: red;}
/* end plugin:configmanager */


/*
 * admin plugin extension - style additions
 *
 * @author  Christopher Smith  chris@jalakai.co.uk
 * @link    http://wiki.jalakai.co.uk/dokuwiki/doku.php/tutorials/adminplugin
 */
/* overall containing div */
#plugin__manager {}

#plugin__manager h2 { margin-left: 0;}
#plugin__manager form { display: block; margin: 0; padding: 0;}
#plugin__manager legend { display: none;}
#plugin__manager fieldset { width: auto;}
#plugin__manager .button { margin: 0;}
#plugin__manager p, #plugin__manager label { text-align: left;}
#plugin__manager .hidden { display: none;}
#plugin__manager .new { background: #dee7ec;}
#plugin__manager input[disabled] { color: #ccc; border-color: #ccc;}  /* IE won't understand but doesn't require it */

#plugin__manager .pm_menu, #plugin__manager .pm_info { margin-left: 0; text-align: left; }
#plugin__manager .pm_menu { float: left; width: 48%; }
#plugin__manager .pm_info { float: right; width: 50%; }

#plugin__manager .common { }
#plugin__manager .common form { }
#plugin__manager .common fieldset { margin: 0; padding: 0 0 1.0em 0; text-align: left; border: none;}
#plugin__manager .common label { padding: 0 0 0.5em 0;}
#plugin__manager .common input {  }
#plugin__manager .common input.edit { width: 24em; margin: 0.5em;}
#plugin__manager .common .button { }

#plugin__manager .plugins { }
#plugin__manager .plugins form { }
#plugin__manager .plugins fieldset { text-align: right; border-top:0; border-right:0; border-left:0;}
#plugin__manager .plugins .legend { color: black; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1.4em; font-weight: normal; text-align: left; float: left; padding: 0;}
#plugin__manager .plugins .button { width: 5em; font-size: 95%;}

#plugin__manager .pm_info h3 { margin-left: 0; }
#plugin__manager .pm_info dl { margin: 1em 0; padding: 0;}
#plugin__manager .pm_info dt { width: 6em; float: left; clear: left; margin:0; padding: 0;}
#plugin__manager .pm_info dd { margin:0 0 0 7em; padding: 0;}
/* end admin plugin styles */


/* User Manager specific styles */
#user__manager tr.disabled {
  color: #6f6f6f;
  background: #e4e4e4;
}
#user__manager tr.user_info {
  vertical-align: top;
}
#user__manager div.edit_user {
  width: 46%;
  float: left;
  margin-top: 2em;
}
#user__manager input.button[disabled] {
  color: #ccc!important;
  border-color: #ccc!important;
}
/* IE won't understand but doesn't require it */
#pl_si_throbber {
    visibility: hidden;
}

.pl_si_out {
    margin: 1em auto 1em auto;
    vertical-align: middle;
    width: 80%;
    text-align: left;
}

// Setup VIM: ex: et ts=4 enc=utf-8 :
div.dokuwiki div.include {
  font-size: 95%;
  padding: 0.5em 0.5em 0.5em 0;
  margin-top: 1em;
  margin-left: -1px;
  margin-bottom: 0.2em;
  border: 1px dotted #dee7ec;
}

/* Tree */
div.tree {
  margin-right: 2em;
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: left;
}

div.treeheader {
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
  padding: 3px;
  font-weight:bold;
}

div.treecontent {
  border: 1px solid #8cacbb;
  background-color: #fff;
  padding: 3px;
  white-space: nowrap;
}

.dtree {
	white-space: nowrap;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree .clip {
	overflow: hidden;
}
a.diagbutton {
  border: 1px solid #8cacbb;
  color: Green;
  background-color: white;
  vertical-align: middle;
  text-decoration:none;
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  cursor: pointer;
  height: 15px !important;
  max-height: 15px !important;
  min-height: 15px !important;
/*  float:right;*/
  display: inline;
}


/**
 * Stylesheet for dokuwiki-calendar-plugin
 *
 * Author:      Michael Klier chi@chimeric.de
 * Homepage:    http://www.chimeric.de
 */

table.plugin_calendar tr:hover { 
  background:none; 
}

table.plugin_calendar th.month {
  text-align:center;
  height:2em;
  vertical-align:middle;
  color: #000;
}

table.plugin_calendar td {
  border:1px solid #666;
}

table.plugin_calendar td.weekday {
  font-weight:bold;
  text-align:center;
  background: #8cacbb;
  color: #000;
}

table.plugin_calendar td.day,
table.plugin_calendar td.today {
  padding:0.2em;
}

table.plugin_calendar td.blank {
  border:none;
}

table.plugin_calendar td.day:hover,
table.plugin_calendar td.today:hover {
  background: #f5f5f5;
}

table.plugin_calendar div.noevent,
table.plugin_calendar div.isevent {
  width:7em;
  height:3em;
  padding:0.2em;
  float:right;
}

table.plugin_calendar td.today div.noevent,
table.plugin_calendar td.today div.isevent {
  background:#efccb0;
}

table.plugin_calendar td.day div.isevent {
  background:#c5d4aa;
}

table.plugin_calendar td.day div.noevent {
}

table.plugin_calendar div.content h1,
table.plugin_calendar div.content h2,
table.plugin_calendar div.content h3,
table.plugin_calendar div.content h4,
table.plugin_calendar div.content h5,
table.plugin_calendar div.content h6 {
  font-size:1.1em;
  font-weight:bold;
  padding:0;
  margin:0;
}

table.plugin_calendar div.day_num {
  text-align:right;
  font-weight:bold;
}

table.plugin_calendar input.btn_next_month,
table.plugin_calendar input.btn_prev_month, 
table.plugin_calendar input.btn_add_day,
table.plugin_calendar input.btn_edit_day,
table.plugin_calendar input.btn_view_day {
  width:16px;
  height:16px;
  text-decoration:none;
  border:none;
  cursor:pointer;
}

table.plugin_calendar input.btn_next_month {
  background:url(/ferme/sympa/lib/plugins/calendar/images/next_month.png) no-repeat;
}

table.plugin_calendar input.btn_prev_month {
  background:url(/ferme/sympa/lib/plugins/calendar/images/prev_month.png) no-repeat;
}

table.plugin_calendar input.btn_add_day {
  background:url(/ferme/sympa/lib/plugins/calendar/images/add_day.png) no-repeat;
  float:right;
}

table.plugin_calendar input.btn_edit_day { 
  background:url(/ferme/sympa/lib/plugins/calendar/images/edit_day.png) no-repeat;
  float:right;
}

table.plugin_calendar input.btn_view_day {
  background:url(/ferme/sympa/lib/plugins/calendar/images/view_day.png) no-repeat;
  float:right;
}


/* plugin: definitionlist */
dl, dt, dd {margin: 0; padding: 0}

dl {
  font-size: 90%;
  padding-top: 1px;
}

html>body dl {
  padding-bottom: 0.5em;
  border-bottom: 1px dashed #e0e0e0;
}

dl:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

dt {
  clear: left;
  margin-top: 0.5em;
}

dt+dt {
  margin-top: 0;
}

dd+dt {
  border-top: 1px dashed #e0e0e0;
  padding-top: 0.5em;
}

dt span.term {
  float: left;
  width: 10em;
}

dd {
  margin-left: 10.3em;
  padding-left: 0.8em;
  background: url(/ferme/sympa/lib/plugins/definitionlist/images/bullet.gif) no-repeat 0 0.4em;
}
 
dd p {
  margin: 0;
  padding: 0;
}

* html dl { height: 1px; }

/* reset above style to prevent messing up plugin manager */
#plugin_manager dd { background-image: none;}
/* end plugin: definitionlist */


div.dokuwiki div.include {
  font-size: 95%;
  padding: 0.5em;
  margin-top: 1em;
  margin-bottom: 0.2em;
  border: 1px solid #eef3f8;
}

div.dokuwiki div.include div.secedit {
  height: 16px;
}

div.dokuwiki div.blogmeta {
  color: #666;
  font-size: 80%;
  line-height: 1.25;
  margin-bottom: 2em;
}

div.dokuwiki div.blog_tags {
  padding-top: 0.5em;
  border-top: 2px dotted #eef3f8;
  font-size: 95%;
  text-align: right;
  clear: both;
}

div.dokuwiki div.blogmeta div.blog_tags {
  padding-top: 0;
  border-top: 0;
  font-size: 100%;
  float: right;
}

div.dokuwiki table.archive {
  border: 0;
  padding: 0;
  border-spacing: 0px;
  border-collapse: collapse;
}

div.dokuwiki table.archive td {
  padding: 1px 2em 1px 0;
  border-bottom: 1px solid #eef3f8;
}

div.dokuwiki table.archive td.date, div.dokuwiki table.archive td.user {
  color: #666;
  font-size: 80%;
}

div.dokuwiki #blog__comment_form { clear: both; }
div.dokuwiki #blog__comment_form label input.edit { width: 61%; }
div.dokuwiki #blog__newentry_form label input.edit { width: 61%; }

div.dokuwiki a.feed {
  background: transparent url(/ferme/sympa/lib/plugins/blog/images/rss_icon.png) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  color: #c60;

  text-decoration: none;
}

div.dokuwiki a.feed:hover {
  color: #c60;
  text-decoration: underline;
}acronym.term {
  border-bottom: 1px dashed;
}

.folder {
    padding-left: 2px;
    padding-right: 2px;
}

.folder img {
  cursor: pointer;
}

div.folded {
    display: block;
    padding: 0.4em;
    border: 1px dotted #dee7ec;
}

span.folded {
    border: 1px dotted #dee7ec;
}

div.dokuwiki table.inline td.okay {
  background-color: #afa;
  text-align: center;
}

div.dokuwiki table.inline td.notokay {
  background-color: #fcc;
  text-align: center;
}
div.dokuwiki table.blind {
  border: 0;
}

div.dokuwiki table.blind td {
  padding: 1px 1em 1px 0;
}

div.dokuwiki div.poll_bar {
  border: 1px solid #8cacbb;
  padding: 0;
  height: 12px;
  width: 200px;
}

div.dokuwiki div.poll_full {
  background-color: #eef3f8;
  font-size: 10px;
  height: 12px;
  border-right: 1px solid #8cacbb;
}

div.dokuwiki fieldset.poll {
  width: 90%;
  margin-bottom: 1.5em;
}


/**
 * Tableless Layout for cru template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author moraes <moraes@tipos.com.br>
 */

/* -------------- top row --------------- */
div.dokuwiki .header {
  padding: 3px 0 0 2px;
  height: 5em;
  border: 1px solid #007e50;
  border-width: 0 1px 1px 0;
  background: url(/ferme/sympa/lib/tpl/sympa/images/head.png) repeat ;
  margin-bottom: 1em;  
  -moz-border-radius:15px ;
  -webkit-border-radius:15px;
  -KHTML-border-radius:15px;
  -icab-border-radius:15px;
  border-radius:15px;
}

div.dokuwiki .pagename {
  float: left;
  font-size: 130%;
  font-weight: bolder;
  color: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  padding: 0em 0 0 1.5em;
  margin: -1em 0 0 0;
}

div.dokuwiki .pagename a {
  color: #f8f8f8 !important;
  text-decoration: none !important;
}

div.dokuwiki .logo, .logo a, .logo a:visited {
  font-size: 120%;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
  padding: 0.8em 0 0 0 ;
  margin: 0 0 0 -2em;      
  text-decoration: none !important;
  font-variant: normal;
  letter-spacing: 2pt;
  color: #f8f8f8 !important;  
}

div.dokuwiki .logo .legende, .logo .legende a {
  font-size: 90%;
  font-weight: bolder;
  text-align: center;      
  text-decoration: none !important;
  font-variant: normal;
  letter-spacing: 2pt;
  color: #000!important;  
}

div.dokuwiki .logo .legende a:hover {
  color: #ff1b1b!important;  
}


div.dokuwiki .contacts {
  float: right;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  text-align: center;
  margin: -0.1em 0.6em 0.1em 0 ;
  padding:0 0.2em 0.1em 0.2em;
}
div.dokuwiki .contacts a {
  font-weight: bolder;
  color: #fff!important;
  text-decoration:underline;
}
div.dokuwiki .contacts a:hover {
  font-weight: bolder;
  color:#DB0016!important;
  text-decoration:none;
}
div.dokuwiki .contacts a:visited {
  color:#fff;
}

div.dokuwiki div.breadcrumbs {
  background: none;
  color: #666;
  font-size: 80%;
  padding: 0 0.5em 0.4em 0;
  margin:-0.6em 0 0 0 ;
  display:inline;
}


div.dokuwiki .actionlinks {
  background: none;
  width:100%;
  color: #333!important;
  margin: -0.4em 0 0 0 ;
  padding:0 0 0 0 ;
  z-index:100;
  text-align: right!important;
}

/* div.dokuwiki .actionlinks ul{ margin:0; padding:0; font: 0.9em Arial, Helvetica, sans-serif; }
div.dokuwiki .actionlinks li{display:inline; margin:0; padding:0; line-height:0;} */

div.dokuwiki div.actionlinks a, a:visited{ 
 color: #ff1b1b /*#c37439*/ !important;
}

/* ---------------  top and bottom bar ---------------- */
div.dokuwiki .bar {
  border-top: none;
  border-bottom: 1px solid #333;
  clear: both;
  padding: 2px;
  height: 2.3em;  

}

div.dokuwiki .bar-left {
  float: left;

}

/* \*/
* html .bar-right { height: 0; }
/* */
div.dokuwiki .bar-right {
  float: right;
  text-align: right;
}

div.dokuwiki #bar__top1 {
  background: none;
}

div.dokuwiki #bar__top2 {
  background: none;
}

div.dokuwiki #bar__bottom {
  margin-bottom:3px;
  background: none;
}

div.dokuwiki #bar__bottom a, #bar__bottom a:visited, #bar__bottom a:hover{
  color: #ff1b1b!important;
}


div.dokuwiki .bar_search {
  border-top: none;
  border-bottom: 1px solid #ff1b1b;
  clear: both;  
  padding: 0.2em;
  height: 2em;
}

/* ------------- File Metadata ----------------------- */
div.dokuwiki div.meta {
  clear: both;
  margin-top: 1em;
  color: #638c9c;
  font-size: 70%;
  padding-left: 0.5em;
  padding-right: 0.5em;  
}

div.dokuwiki div.meta div.user {
  float: left;
}

div.dokuwiki div.meta div.doc {
  text-align: right;
}



/* -------------- general elements --------------- */

* { padding: 0; margin: 0; }

body {
  font: 0.8125em "Trebuchet MS", Myriad, "Gill Sans", "Century Gothic",  "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; /*Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;*/
  color: #333;
  margin: 1.5em 1em 1em 1em;
  line-height: 150%;
  /*background: url(/lib/tpl/sympa/images/fond.png) repeat ;*/
  background: #80bfa8 url(/lib/tpl/sympa/images/fond.png) 0 0 repeat-x;
}

div#wrapper {
  margin: auto;
  width: 99%;
  border: 1px solid #007e50;
  background: #fff;
  padding: 0.5em;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  -KHTML-border-radius:15px;
  -icab-border-radius:15px;
  border-radius:15px;
}

div.dokuwiki div.missing {
  text-align: center!important;
  padding-top: 0.5em;
  font-size:110%;
  font-weight:bold;
}
div.dokuwiki div.missing h1 {  color: #333 /*759EB7*/; font-size:120%; font-weight:normal; border-bottom: 1px solid #F57A00; border-top: 1px solid #F57A00; padding: 0.3em 0 0.3em 0; margin: 0.5em 0 1em 0; }

div.dokuwiki div.left_sidebar {
  float: left;
  width: 25%;
  padding-top: 1.5em;
  padding-right: 0.5em;
/*  border-right: 1px solid  #ccc;*/

}

div.dokuwiki div.right_sidebar {
  float: right;
  width: 40%;
  padding-top: 2.5em;
  padding-left: 0;
  margin:0;
}

div.dokuwiki div.page {
  text-align: justify;
  padding-top: 0.5em;
}

div.dokuwiki div.right_page {
  text-align: justify;
  float: left;
  width: 70%;
  padding: 0 2% 2% 2%;
  margin-top:1em;
}

div.dokuwiki div.left_page {
  text-align: justify;
  float: left;
  width: 60%;
  padding: 1em 0 0 0;

}

div.footerinc {
  border: 1px solid #007e50;
  border-width: 0 1px 1px 0;
  background: url(/ferme/sympa/lib/tpl/sympa/images/footer.png) repeat ;
  margin-top:1em;
  height: 5em;
  text-align: center;
  color:#333;
  font-family:serif !important;
  font-variant:small-caps !important;
  font-weight:bold;
  font-size:0.8em;
  padding:0.5em 0;
  -moz-border-radius:15px ;
  -webkit-border-radius:15px;
  -KHTML-border-radius:15px;
  -icab-border-radius:15px;
  border-radius:15px;
}

div.footerinc a {
color:#fff!important;
text-decoration:none;
}

div.footerinc a:hover {
  font-weight: bolder;
  color:#DB0016!important;
}

div.footerinc a.cru {
color:#DB0016!important;
text-decoration:none;
}

div.footerinc a.cru:hover {
  font-weight: bolder;
  color:#fff!important;
}

div.footerinc a:visited {
  color:#fff;
}

div.footerinc p {
margin-top:1em!important;
}

div.footerinc a.otherlink {
  font-size:0.9em;
}



/* -------------- the sidebar --------------- */

div.dokuwiki div.left_sidebar div.secedit,
div.dokuwiki div.right_sidebar div.secedit {
    text-align: right;
}

div.dokuwiki div.left_sidebar div.breadcrumbs,
div.dokuwiki div.right_sidebar div.breadcrumbs {
    margin-left: 0;
}


div.dokuwiki div.left_sidebar div.secedit input.button,
div.dokuwiki div.right_sidebar div.secedit input.button {
    float: none;
    margin: 0.1em;
}

div.dokuwiki div.left_sidebar h1,
div.dokuwiki div.left_sidebar h2,
div.dokuwiki div.left_sidebar h3,
div.dokuwiki div.left_sidebar h4,
div.dokuwiki div.left_sidebar h5,
div.dokuwiki div.left_sidebar h6,
div.dokuwiki div.right_sidebar h1,
div.dokuwiki div.right_sidebar h2,
div.dokuwiki div.right_sidebar h3,
div.dokuwiki div.right_sidebar h4,
div.dokuwiki div.right_sidebar h5,
div.dokuwiki div.right_sidebar h6 
{
  font-size: 100%;
  font-family: Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  font-weight: bold;
  padding: 0.1em;
  border: none;
  margin-bottom: 0.2em;
}

div.dokuwiki div.left_sidebar h1,
div.dokuwiki div.right_sidebar h1
{
  background: #dee7ec;
  padding-left: 0.2em;
}

div.dokuwiki div.left_sidebar ul,
div.dokuwiki div.right_sidebar ul 
{
	margin-top: 0;
}

div.dokuwiki div.left_sidebar div.i_sidebar,
div.dokuwiki div.left_sidebar div.m_sidebar,
div.dokuwiki div.left_sidebar div.u_sidebar,
div.dokuwiki div.left_sidebar div.g_sidebar,
div.dokuwiki div.left_sidebar div.ns_sidebar,
div.dokuwiki div.left_sidebar div.bc_sidebar,
div.dokuwiki div.right_sidebar div.i_sidebar,
div.dokuwiki div.right_sidebar div.m_sidebar,
div.dokuwiki div.right_sidebar div.u_sidebar,
div.dokuwiki div.right_sidebar div.g_sidebar,
div.dokuwiki div.right_sidebar div.ns_sidebar,
div.dokuwiki div.right_sidebar div.bc_sidebar
{
  margin-bottom: 0.2em;
  padding: 0;
}
div.dokuwiki div.ns_sidebar {

}
/* div.dokuwiki div.ns_sidebar h1, div.ns_sidebar h2{color:#333; margin:0; background:none; text-align:center!important; margin: 0 0 0.5em 0; padding: 1em!important;}
div.dokuwiki div.ns_sidebar h1 a, div.ns_sidebar h2 a{color:#333; font-weight: bolder!important;}

div.ns_sidebar ul{
margin:0.2em 0 0 0.5em!important;
padding: 0 0.2em 0 0.2em!important;
list-style: none;
text-align:left;
}

div.ns_sidebar li{
margin:0.2em 0 0 0!important;
list-style: none;
line-height: 2em;
padding: 0!important;
font-size:90%;
}

div.ns_sidebar li a{color: #ff3333; font-weight:bold; display: block;}
div.ns_sidebar li a:hover, div.ns_sidebar li a.wikilink1:hover{color: #ffffff!important; font-weight:bold; background:#DB0016!important; text-decoration:none; opacity: 0.7}
div.ns_sidebar li a:focus {background: #DB0016;color: #fff!important;}

div.ns_sidebar a.urlextern {
  background: none!important;
  padding: 0!important;
} */ 

/* -------------- Fin sidebar --------------- */


/* the document */
div.dokuwiki div.page {
  margin: 4px 2em 0 1em;
  text-align: justify;
}

div.search{
border-bottom: 1px solid #ccc;
text-align:right;
}

div.dokuwiki table {
  font-size: 100%;
}

div.dokuwiki tr,
div.dokuwiki td,
div.dokuwiki th {
}

div.dokuwiki img {
  border: 0;
}

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
  margin: 0 0 0.8em 0;
}

div.dokuwiki hr {
  border: 0px;
  border-top: 1px solid #ccc;
  text-align: center;
  height: 0px;
}

div.dokuwiki div.nothing {
  text-align: center;
  margin: 2em;
}


/* ------------- Page elements ----------------- */

div.dokuwiki div.preview {
  background-color: #f5f5f5;
  margin: 0 0 0 2em;
  padding: 4px;
  border: 1px dashed #333;
}

div.dokuwiki div.breadcrumbs {
  background: none;
  color: #666;
  font-size: 80%;
  padding: 0 0.5em 0 0;
  margin:-0.1em 0 0 0 ;
  
}

div.dokuwiki div.breadcrumbs a, a:visited{ 
 color: #ff1b1b /*#c37439*/ !important;
}

div.dokuwiki span.user {
  color: #ccc;
  font-size: 90%;
}

div.dokuwiki li.minor {
  color: #666;
  font-style: italic;
}

/* embedded images */
div.dokuwiki img.media {
  margin: 3px;
}

div.dokuwiki img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

div.dokuwiki img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

div.dokuwiki img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;
}

/* smileys */
div.dokuwiki img.middle {
  vertical-align: middle;
}

div.dokuwiki acronym {
  cursor: help;
  border-bottom: 1px dotted #333;
}

/* general headline setup */
div.dokuwiki h1,
div.dokuwiki h2,
div.dokuwiki h3,
div.dokuwiki h4,
div.dokuwiki h5 {
    background-color: inherit;
    font-size: 100%;
    font-weight: normal;
    margin: 0 0 1em 0;
    padding: 1em 0 0.1em 0;
   /*border-bottom: 1px solid #ccc;*/ 
    clear: left;
}

div.dokuwiki h1{border-bottom: 1px solid #ff1b1b; }
div.dokuwiki h2{border-bottom: 1px solid #333;}

/* special headlines */
div.dokuwiki h1 {font-size: 150%; margin-left: 0px; font-weight: bold;}
div.dokuwiki h2 {font-size: 140%; margin-left: 20px;}
div.dokuwiki h3 {font-size: 130%; margin-left: 40px; border-bottom: none; font-weight: lighter;}
div.dokuwiki h4 {font-size: 110%; margin-left: 60px; border-bottom: none; font-weight: bold;}
div.dokuwiki h5 {font-size: 100%; margin-left: 80px; border-bottom: none; font-weight: bold;}


/* indent different sections */
div.dokuwiki div.level1 {margin-left: 3px;}
div.dokuwiki div.level2 {margin-left: 23px;}
div.dokuwiki div.level3 {margin-left: 43px;}
div.dokuwiki div.level4 {margin-left: 63px;}
div.dokuwiki div.level5 {margin-left: 83px;}

/* unordered lists */
div.dokuwiki ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: #638c9c;
}

/* ordered lists */
div.dokuwiki ol {
  line-height: 1.5em;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: #638c9c;
  font-weight: bold;
}

/* the list items overriding the ul/ol definition */
div.dokuwiki .li {
  color: #333;
  font-weight: normal;
}

div.dokuwiki ol {list-style-type: decimal}
div.dokuwiki ol ol {list-style-type: upper-roman}
div.dokuwiki ol ol ol {list-style-type: lower-alpha}
div.dokuwiki ol ol ol ol {list-style-type: lower-greek}

div.dokuwiki li.open {
  list-style-image: url(/ferme/sympa/lib/tpl/sympa/sympa/images/open.gif);
    /*list-style-type: circle;*/
}

div.dokuwiki li.closed {
  list-style-image: url(/ferme/sympa/lib/tpl/sympa/sympa/images/closed.gif);
    /*list-style-type: disc;*/
}

div.dokuwiki blockquote {
  border-left: 2px solid #ccc;
  padding-left: 3px;
}

div.dokuwiki pre {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dashed #ccc;
  color: #333;
  overflow: auto;
}

/* code blocks by indention */
div.dokuwiki pre.pre {
  background-color: #f7f9fa;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
  background-color: #f7f9fa;
}

/* inline code words */
div.dokuwiki code {
  font-size: 120%;
}

/* code blocks by file tag */
div.dokuwiki pre.file {
  background-color: #dee7ec;
}

/* inline tables */
div.dokuwiki table.inline {
  background-color: #fff;
  border-spacing: 1px;
  border-collapse: collapse;
}

div.dokuwiki table.inline th {
  padding: 3px 5px;
  border: 3px double #dee7ec;
  background-color: #4D4D4D;
  color:#fff;
  text-align:center;
}

div.dokuwiki table.inline td {
  padding: 3px 5px;
  border: 3px double #dee7ec;
}







/* ---------------- forms ------------------------ */
div.dokuwiki form {
  border: none;
  display: inline;
}

div.dokuwiki label.block {
  display: block;
  text-align: right;
  font-weight: bold;
}

div.dokuwiki label.simple {
  display: block;
  text-align: left;
  font-weight: normal;
}

div.dokuwiki label.block input.edit {
  width: 50%;
}
div.dokuwiki fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #c3c3c3;
  padding: 0.5em;
  margin: auto;
}

div.dokuwiki textarea.edit {
  font-family: monospace;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki textarea.edit {
  background:  #fff url(/ferme/sympa/lib/tpl/sympa/sympa/images/inputshadow.png) repeat-x top;
}

div.dokuwiki input.edit,
div.dokuwiki select.edit {
  font-size: 100%;
  border: 1px solid #c3c3c3;
  color: #333;
  background-color: #fff;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.edit,
html>body div.dokuwiki select.edit {
  background:  #fff url(/ferme/sympa/lib/tpl/sympa/sympa/images/inputshadow.png) repeat-x top;
}

div.dokuwiki select.edit {
  padding: 0.1em 0;
}

div.dokuwiki input.missing {
  font-size: 100%;
  border: 1px solid #c3c3c3;
  color: #333;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* disabled style - not understood by IE */
div.dokuwiki textarea.edit[disabled],
div.dokuwiki textarea.edit[readonly],
div.dokuwiki input.edit[disabled],
div.dokuwiki input.edit[readonly],
div.dokuwiki select.edit[disabled] {
  background-color: #f5f5f5!important;
  color: #666!important;
}


div.dokuwiki div.left_sidebar form#dw__search,
div.dokuwiki div.right_sidebar form#dw__search {
  margin-bottom: 0.2em;
  display: block;
  font-size: 100%;
}

div.dokuwiki div.left_sidebar form#dw__search input.edit,
div.dokuwiki div.right_sidebar form#dw__search input.edit {
  margin-left: 0;
  font-size: 100%;
}


/* edit form */
div.dokuwiki div.toolbar,
div.dokuwiki div#wiki__editbar {
   margin: 2px 0;
   text-align: left;
}
div.dokuwiki div#size__ctl {
   float: right;
   width: 60px;
   height: 2.7em;
}
div.dokuwiki #size__ctl img {
   cursor: pointer;
}
div.dokuwiki div#wiki__editbar div.editButtons {
   float: left;
   padding: 0 1.0em 0.7em 0;
}
div.dokuwiki div#wiki__editbar div.summary {
   float: left;
}
div.dokuwiki .nowrap {
   white-space: nowrap;
}
div.dokuwiki div#draft__status {
  float: right;
  color: #638c9c;
}


/* --------- buttons ------------------- */


div.dokuwiki input.button,
div.dokuwiki button.button {
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: 100%;
  cursor: pointer;
  margin: 1px;
  padding: 0.125em 0.4em;
}

/* nice alphatransparency background except for IE <7 */
html>body div.dokuwiki input.button,
html>body div.dokuwiki button.button {
  background:  #fff url(/ferme/sympa/lib/tpl/sympa/sympa/images/buttonshadow.png) repeat-x bottom;
}

* html div.dokuwiki input.button,
* html div.dokuwiki button.button {
  height: 1.8em;
}

div.dokuwiki div.secedit input.button {
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
  vertical-align: middle;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  cursor: pointer;
  float: right;
  display: inline;
}

/* ----------- page navigator ------------- */

div.dokuwiki div.pagenav {
    margin: 1em 0 0 0;
}

div.dokuwiki div.pagenav-prev {
    text-align: right;
    float: left;
    width: 49%
}

div.dokuwiki div.pagenav-next {
    text-align: left;
    float: right;
    width: 49%
}

/* --------------- Links ------------------ */
div.dokuwiki a.action {
  color: #ff1b1b;
}

div.dokuwiki .bar a.action {
  margin-left: 0.3em;
  margin-right: 0.3em;
  height: 24px;
  padding-top: 3px;
 /* float: left; */
}

div.dokuwiki a:link,
div.dokuwiki a:visited {
  color: #ff1b1b;
  text-decoration: none;
}
div.dokuwiki a:hover,
div.dokuwiki a:active {
  color: #007e50;
  text-decoration: underline;
}

div.dokuwiki h1 a {
  display: block;
}

/* general headline setup */
div.dokuwiki h1 a{  color: #007e50 /*#333*/ ; font-weight:normal} 
div.dokuwiki h1 a:hover {text-decoration:none;}

div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
  color: #333 !important;
  letter-spacing:2px;
  font-weight: lighter;
  text-decoration: none !important;
}

/* external link */
div.dokuwiki a.urlextern {
  background: transparent url(/ferme/sympa/lib/tpl/sympa/sympa/images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* windows share */
div.dokuwiki a.windows {
    background: transparent url(/ferme/sympa/lib/tpl/sympa/sympa/images/urlextern.png) 0px 1px no-repeat;
  padding: 1px 0px 1px 18px;
}


/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
}

/* link to some embedded media 
div.dokuwiki a.media {
}

div.dokuwiki a.urlextern:link,
div.dokuwiki a.windows:link,
div.dokuwiki a.interwiki:link {
  color: #669999; 
}

div.dokuwiki a.urlextern:visited,
div.dokuwiki a.windows:visited,
div.dokuwiki a.interwiki:visited {
  color: #F57A00; 
}
div.dokuwiki a.urlextern:hover,
div.dokuwiki a.urlextern:active,
div.dokuwiki a.windows:hover,
div.dokuwiki a.windows:active,
div.dokuwiki a.interwiki:hover,
div.dokuwiki a.interwiki:active {
  color: #ff3333;
}*/

/* email link */
div.dokuwiki a.mail {
  background: transparent url(/ferme/sympa/lib/tpl/sympa/sympa/images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}



/* existing wikipage 
div.dokuwiki a.wikilink1 {
  color: #669999;
}

div.dokuwiki a.wikilink1:hover{
  color: #ff3333!important;
}*/



/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: #F57A00!important;
}



/* ---------- table of contents ------------------- */

div.dokuwiki div.toc {
  margin: 1.2em 0 0 2em;
  float: right;
  width: 200px;
  font-size: 80%;
  clear: both;
}

div.dokuwiki div.tocheader {
  border: 1px solid #ccc;
  background-color: #ff1b1b;
  opacity: 0.8;
  text-align: left;
  color:#fff;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 3px 0 3px 10px;
  margin-bottom: 2px;
  -moz-border-radius:10px 10px 0 0 ;
  -webkit-border-radius:10px 10px 0 0;
  -KHTML-border-radius:10px 10px 0 0;
  -icab-border-radius:10px 10px 0 0;
  border-radius:10px 10px 0 0;
}

div.dokuwiki div.tocheader img {
  width: 0.8em;
  height: 0.8em;
  float: right;
  margin: 0.3em 3px 0 0;
  cursor: pointer;
}

div.dokuwiki #toc__inside {
  border: 1px solid #ccc;
  background: #fff;
  opacity: 1;
  text-align: left;
  padding: 0.5em 0 0.7em 0;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
  -KHTML-border-radius:0 0 10px 10px;
  -icab-border-radius:0 0 10px 10px;
  border-radius:0 0 10px 10px;
}

div.dokuwiki ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  padding-left: 1em;
  margin: 0;
}

div.dokuwiki ul.toc li {
  background: transparent url(/ferme/sympa/lib/tpl/sympa/sympa/images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left: 0.4em;
  margin-bottom:0.2em;
}

div.dokuwiki ul.toc li.clear {
  background-image: none;
  padding-left: 0.4em;
}

div.dokuwiki a.toc:link,
div.dokuwiki a.toc:visited {
  color: #007e50 /*#669999*/;
}

div.dokuwiki a.toc:hover,
div.dokuwiki a.toc:active {
  color: #ff1b1b!important; 
}

/* ---------------------------- Diff rendering --------------------------*/
div.dokuwiki table.diff {
  background-color: #fff;
  width: 100%;
}
div.dokuwiki td.diff-blockheader {
  font-weight: bold;
}
div.dokuwiki table.diff th {
  border-bottom: 1px solid #ccc;
  font-size: 120%;
  width: 50%;
  font-weight: normal;
  text-align: left;
}
div.dokuwiki table.diff td {
  font-family: monospace;
  font-size: 100%;
}
div.dokuwiki td.diff-addedline {
  background-color: #ddffdd;
}
div.dokuwiki td.diff-deletedline {
    background-color: #ffffbb;
}
div.dokuwiki td.diff-context {
    background-color: #f5f5f5;
}
div.dokuwiki span.diffchange {
  color: red;
}

/* --------------------- footnotes -------------------------------- */

div.dokuwiki div.footnotes {
  clear: both;
  border-top: 1px solid #ccc;
  padding-left: 1em;
  margin-top: 1em;
}

div.dokuwiki div.fn {
  font-size: 90%;
}

div.dokuwiki a.fn_top {
  vertical-align: super;
  font-size: 80%;
}

div.dokuwiki a.fn_bot {
  vertical-align: super;
  font-size: 80%;
  font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ccc;
  background-color: #f7f9fa;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* --------------- search result formating --------------- */
div.dokuwiki .search_result {
  margin-bottom: 6px;
  padding: 0 10px 0 30px;
}

div.dokuwiki .search_snippet {
  color: #ccc;
  font-size: 12px;
  margin-left: 20px;
}

div.dokuwiki .search_sep {
  color: #333;
}

div.dokuwiki .search_hit {
  color: #333;
  background-color: #ff9;
}

div.dokuwiki div.search_quickresult {
  margin: 0 0 15px 30px;
  padding: 0 10px 10px 0;
  border-bottom: 1px dashed #ccc;
}
div.dokuwiki div.search_quickresult h3 {
  margin: 0 0 1.0em 0;
  font-size: 1em;
  font-weight: bold;
}

div.dokuwiki ul.search_quickhits {
  margin: 0 0 0.5em 1.0em;
}

div.dokuwiki ul.search_quickhits li {
  margin: 0 1.0em 0 1.0em;
  float:left;
  width: 30%;
}


/* ---------- AJAX quicksearch ----------- */

div.dokuwiki div.ajax_qsearch {
  position: absolute;
  right: 237px;;
  width: 200px;
  opacity: 0.9;
  display: none;
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #ccc;
  background-color: #f7f9fa;
  text-align: left;
  padding: 4px;
}

/* --------- Toolbar -------------------- */
button.toolbutton {
  background-color: #fff;
  padding: 0px;
  margin: 0 1px 0 0;
  border: 1px solid #ccc;
  cursor: pointer;
}

/* nice alphatransparency background except for IE <7 */
html>body button.toolbutton {
  background:  #fff url(/ferme/sympa/lib/tpl/sympa/sympa/images/buttonshadow.png) repeat-x bottom;
}

div.picker {
  width: 250px;
  border: 1px solid #ccc;
  background-color: #dee7ec;
}

button.pickerbutton {
  padding: 0px;
  margin: 0 1px 1px 0;
  border: 0;
  background-color: transparent;
  font-size: 80%;
  cursor: pointer;
}

/* ---------- Spellchecking ------------- */

div.dokuwiki a.spell_error {
  color: #f00;
  text-decoration: underline;
}

div.dokuwiki div#spell__suggest {
  background-color: #fff;
  padding: 2px;
  border: 1px solid #333;
  font-size: 80%;
  display: none;
}

div.dokuwiki div#spell__result {
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 3px;
  background-color: #f7f9fa;
  display: none;
}

div.dokuwiki span.spell_noerr {
  color: #093;
}

div.dokuwiki span.spell_wait {
  color: #06c;
}

/* ---------------  Image Details  ----------------- */

div.dokuwiki div.img_big {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki dl.img_tags dt {
  font-weight: bold;
  background-color: #dee7ec;
}
div.dokuwiki dl.img_tags dd {
  background-color: #f5f5f5;
}

div.dokuwiki div.imagemeta {
  color: #666;
  font-size: 70%;
  line-height: 95%;
}

div.dokuwiki div.imagemeta img.thumb {
  float:left;
  margin-right: 0.1em;
}


/*div et  Boites coins arrondis */
#news {
  margin: 0em 0 1em 2em;
  text-align: justify;
  line-height:1.5em;
  padding: 0em;
}

#news h1{
margin:0 4em 0.5em 0.5em; letter-spacing:6px; font-style:oblique; font-size:1.3em; font-weight:bolder; color:#DB0016; border-bottom:#DB0016 solid 1px; padding:0.5em 0 0 0;
}

/* style boite pour les news */
#xsnazzy {color:#333;width:90%; background: transparent; margin: 1em;}
#xsnazzy h1 {color:#ff1b1b;margin:0; letter-spacing:1px;font-size:1em; color:#333; font-weight:bolder; text-align:left; border:none; padding:0 0 0 0.5em;}
#xsnazzy h1 a:link {color:#ff1b1b; font-weight:bolder; }
#xsnazzy h1 a:hover {color:#F57A00; text-decoration:none}
#xsnazzy p {padding-bottom:0em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #F6F6F6; border-right:2px solid #333;}
.xb1 {margin:0 5px; background:#333;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; font-size: 1em;  background: url(/ferme/sympa/lib/tpl/sympa/images/gris.png) repeat ;  border-right:2px solid #333; padding:0 0.5em 0 0.5em;}
.xboxcontent h1 {font-size: 0.9em!important}
.xboxcontent table{width: 97%; margin: 0; padding:0 0.1em }
.xboxcontent td.date{color:#007e50; font-size: 0.9em; letter-spacing:0}
.xboxcontent ul{color:#333!important; font-size: 1em; letter-spacing:0; text-align:justify; margin:0; padding:0 2em 0 0.5em}

.xboxcontent .date{color:#007e50; font-size: 0.9em; letter-spacing:0; text-align:left; width:19%;margin-left:81%}
.xboxcontent .date{_margin-left:0; _float:right;}
.xboxcontent .titre{font-size: 1em; text-align:left; float:left; width:78%; }
.xboxcontent .titre{ _left:3% }
.xboxcontent .img {margin-right:0.5em;float:left; margin:0 0 0 0.3em; width:3%}
.xboxcontent .descriptif{width: 90%;color:#333; font-size: 0.9em; letter-spacing:0; text-align:justify; margin:0; padding:0 1.5em; clear:both}


.xboxcontent_sidebar {display:block;  background: url(/ferme/sympa/lib/tpl/sympa/images/gris_sidebar.png) repeat ;  border-right:2px solid #333; padding:0 0 0.5em 0;}
.xtop_sidebar, .xbottom_sidebar {display:block; background:transparent; font-size:1px; }
.xbottom_sidebar {_margin-right:3em; }

.grisclair {background:#F6F6F6;}
.grisfonce {background:#E4E4E4;}


/* fin style boite pour les news */

/* style boite pour activites */
#activites {
  margin: 0 0 0 0 ;
  padding: 0;
  width:100%;
}

#activites .virgule {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../sympa_accueil/images/test.png');
margin: 1em 5% 1em 5%;
}

#activites .virgule[class] {
/* IE ignores styles with [attributes], so it will skip the following. */
background:url(../sympa_accueil/images/test.png) no-repeat left;
}

#activites li{
margin:0.2em 0.5em 0 0;
list-style: none;
line-height: 2em;
padding: 0 0 0 2.5em;
font-size:1em;
}

#activites li a{color: #ff1b1b; font-weight:bold;}
#activites li a:hover{color: #fff!important; background:#DB0016;}

#activites li.un{margin-left:1em;}
#activites li.deux{margin-left:2em;}
#activites li.trois{margin-left:3em;}
#activites li.quatre{margin-left:4em;}
#activites li.cinq{margin-left:5em;}

#activites a:hover{
text-decoration: none;
background: #ff1b1b;
color:#fff;
}

#activites h1{color:#333; margin:0; background:none/*#000*/; padding: 0 0.5em 0.3em 1em;}

.xtopactiv, .xbottomactiv {display:block; background:transparent; font-size:1px;}
.xbottomactiv {_margin: 0 3em 0 0}
.xb1activ, .xb2activ, .xb3activ, .xb4activ {display:block; overflow:hidden;}
.xb1activ, .xb2activ, .xb3activ {height:1px;}
.xb2activ, .xb3activ, .xb4activ {background:#fff; border-left:1px solid #ECF4FA; border-right:2px solid #ff1b1b;}
.xb1activ {margin:0 5px; background:#ff1b1b;}
.xb2activ {margin:0 3px; border-width:0 2px;}
.xb3activ {margin:0 2px;}
.xb4activ {height:2px; margin:0 1px;}

.xboxcontent_activites {display:block;  background: url(/ferme/sympa/lib/tpl/sympa/images/bleu.png) repeat ;  border-right:2px solid #ff1b1b;padding:0.5em 1.5em 0.5em 1em;}

.bleuclair {background:#ECF4FA;}
.bleufonce {background:#CAE7FB;}
/* fin style boite pour activites */

/* style boite pour publications */
#publications{
  margin: 1em 0 0 0;
  padding: 0;
}

#publications ul {
margin: 1em 0 0.5em 0;
}

#publications li{
margin:0.5em 0.5em 0.5em 0;
list-style: none;
line-height: 1em;
padding: 0 0 0 1em;
font-size:1em;
}

#publications li a{color: #ff1b1b; font-weight:bold; font-size:1em;}

#publications h1{color:#333; background:none /*#669999*/; padding: 0 0.5em 0.3em 1em; }
#publications p{color:#333; font-size: 80%;font-weight: normal; text-align:justify; margin: 0 1em 0 1em; }
#publications p a:link{color:#333;}
#publications p a:hover{text-decoration:underline!important}

.xtoppub, .xbottompub {display:block; background:transparent; font-size:1px; }
.xbottompub {_margin: 0 3em 0 0}
.xb1pub, .xb2pub, .xb3pub, .xb4pub {display:block; overflow:hidden;}
.xb1pub, .xb2pub, .xb3pub {height:1px;}
.xb2pub, .xb3pub, .xb4pub {background:#fff; border-left:1px solid #E9FDB6; border-right:2px solid #007e50;}
.xb1pub {margin:0 5px; background:#007e50;}
.xb2pub {margin:0 3px; border-width:0 2px;}
.xb3pub {margin:0 2px;}
.xb4pub {height:2px; margin:0 1px;}

.xboxcontent_publications {display:block; background: url(/ferme/sympa/lib/tpl/sympa/images/vert.png) repeat ; border-right: 2px solid #007e50; padding:0 0 0.5em 0;}

.vertclair {background:#E9FDB6;}
.vertfonce {background:#DCFD84;}
/* fin style boite pour publications */

/* Fin div et  Boites coins arrondis */


/**
 * Design Elements - additional  CSS for the arctic-template
 *
 * @author Michael Klier <chi@chimeric.de>
 */




/* --------- buttons ------------------- */

div.dokuwiki input.button, div.dokuwiki button.button{
  border-color: #c3c3c3;
  font-size: 100%;
}

div.dokuwiki div.secedit input.button {
  border-color: #c3c3c3;
  font-size: 100%;
}

div.dokuwiki .bar input.button {
  height: 20px;
}

/* ---------- table of contents ------------------- */
div.dokuwiki div.toc {
  width: 22em;
}

div.dokuwiki div.tocheader {
  border-color: #333;
}

div.dokuwiki div.tocheader img {
  margin-top: 0.6em;
}

div.dokuwiki #toc__inside {
  border-color:#333;
}

div.dokuwiki a.toc:hover {
  color: #007e50; /*#436976;*/
}

/* ---------- AJAX quicksearch ----------- */
div.dokuwiki div.left_sidebar div.ajax_qsearch,
div.dokuwiki div.right_sidebar div.ajax_qsearch {
  position: relative;
  left: 1px;
  top: 2px;
  display: none;
  background: none;
  background: #f5f5f5;
  border-left: none;
  border-top: none;
  border-right: none;
  font-size: 85%;
  float: left;
  width: 96%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

div.dokuwiki div#bar__top div.ajax_qsearch {
  position: absolute;
  /*left: 30.5em;
  top:12.9em;*/
  left: 5.5em;
  margin-top: 5px;
  width: 200px;
  opacity: 0.9;
  display: none;
  border: 1px solid #ccc;
  background: #f5f5f5;
  text-align: left;
  padding: 0.2em;
  font-size: 85%;
}

div.dokuwiki  div.ajax_qsearch strong {
  font-size: 115%;
  background: #007e50; /*dee7ec;*/
  opacity: 0.9;
  padding: 0.2em;
  display: block;
  color : #ffffff;
}

/* code blocks by indention */
div.dokuwiki pre.code,
div.dokuwiki pre.file {
  width: auto !important;
  width: 98%;
  font-size: 100%;
}


/* 
setup vim: ts=2 sw=2: 
*/
/**
 * The CSS in here cotrols the appearance of the media manager
 */

#media__manager {
    height: 100%;
    overflow: hidden;
}

#media__left {
    width: 30%;
    border-right: solid 1px #ccc;

    height: 100%;
    overflow: auto;
    position: absolute;
    left: 0;
}

#media__right {
    width: 69.7%;

    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
}

#media__manager h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

/* --- Tree formatting --- */

#media__tree img {
    float:left;
    padding: 0.5em 0.3em 0 0;
}

#media__tree ul {
    list-style-type: none;
    list-style-image: none;
}

#media__tree li {
    clear: left;
    list-style-type: none;
    list-style-image: none;
}
* html #media__tree li {
    border: 1px solid #fff;
}/* I don't understand this, but this fixes a style bug in IE;
it's dirty, so any "real" fixes are welcome */

/* --- options --- */

#media__opts {
    padding-left: 1em;
    margin-bottom: 0.5em;
}


#media__opts input {
    float: left;
    position: absolute;
}
* html #media__opts input {
    position: static;
}

#media__opts label {
    display: block;
    float: left;
    margin-left: 30px;
}
* html #media__opts label {
    margin-left: 10px;
}

#media__opts br {
    clear: left;
}

/* --- file list --- */

#media__content img.load {
    margin: 1em auto;
}

#media__content #scroll__here {
    border: 1px dashed #ccc;
}

#media__content .odd {
    background-color: #f7f9fa;
    padding: 0.4em;
}

#media__content .even {
    padding: 0.4em;
}

#media__content a.mediafile {
    margin-right: 1.5em;
    font-weight: bold;
}

#media__content div.detail {
    padding: 0.3em 0 0.3em 2em;
}

#media__content div.detail div.thumb {
    float: left;
    width: 130px;
    text-align: center;
    margin-right: 0.4em;
}


#media__content img.btn {
    vertical-align: text-bottom;
}

#media__content div.example {
    color: #666;
    margin-left: 1em;
}

/* --- upload form --- */

#media__content div.upload {
    font-size: 90%;
    padding: 0 0.5em 0.5em 0.5em;
}

#media__content form.upload {
    display: block;
    border-bottom: solid 1px #ccc;
    padding: 0 0.5em 1em 0.5em;
}
#media__content form.upload fieldset {
    padding: 0;
    margin: 0;
    border: none;
    width: auto;
}
#media__content form.upload p {
    clear: left;
    text-align: left;
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.0em;
}
#media__content form.upload label {
    float: left;
    width: 30%;
}
#media__content form.upload label.check {
    float: none;
    width: auto;
}
#media__content form.upload input.check {
    margin-left: 30%;
}

/* --- meta edit form --- */

#media__content form.meta {
    display: block;
    padding: 0 0 1em 0;
}

#media__content form.meta label {
    display: block;
    width: 25%;
    float: left;
    font-weight: bold;
    margin-left: 1em;
    clear: left;
}

#media__content form.meta .edit {
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    float: left;
    width: 70%;
    padding-right: 0;
    padding-left: 0.2em;
    margin: 2px;
}

#media__content form.meta textarea.edit {
    height: 8em;
}

#media__content form.meta div.metafield {
    clear: left;
}

#media__content form.meta div.buttons {
    clear: left;
    margin-left: 20%;
    padding-left: 1em;
}
/**
 * File:    
 * @author Michael Klier <chi@chimeric.de>
 */


#media__left,
#media__right {
  background: #fff;
}



/* plugin emphasis */
span.emphasis1 {font-weight:bold; color:orange}
span.emphasis2 {font-weight:bold; color:blue}
span.emphasis3 {font-weight:bold; color:red}
/* fin plugin emphasis */





/* Test pour menu vertical */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#monmenu {list-style-type:none; padding:0!important; margin:1em!important; width:60%; /* top:70px; left:0;*/   /*z-index:100;*/}
#monmenu ul {list-style-type:none; padding:0; margin:0; width:102%; position:relative;}
#monmenu li {float:left; background:inherit; position:relative; border-top:1px solid #fff}


#monmenu ul li, #monmenu ul li a{font-size:90%!important; color:#333!important; margin:0 0 0 2em;letter-spacing:0; border-bottom:none!important;
margin-bottom:0!important }
#monmenu ul li ul li, #monmenu ul li ul li a {font-size:95%!important; margin-left:2.5em; }

#monmenu ul li a, #monmenu ul li ul li a{border-left: 1px solid #ff1b1b; }
#monmenu ul li a:hover, #monmenu ul li ul li a:hover{background:#ff1b1b; opacity: 0.8;color:#fff!important;}


#monmenu li.sub {background: url(/ferme/lib/tpl/sympa/images/frog_arrow_vertical.png) no-repeat top right; }

#monmenu li, #monmenu li a {display:block; color:#333; line-height:24px; width:89%; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#monmenu ul,
#monmenu li.click ul ul,
#monmenu li.click ul li.hover ul ul {display:block;}

#monmenu li.hover {color:#333; letter-spacing:0.1em; z-index:500;font-size:120%; border-bottom: 1px solid #ff1b1b;margin-bottom:0.5em}
#monmenu li.click {color:#333;}

#monmenu li.click ul {display:block;}
#monmenu li.click ul li.hover ul, 
#monmenu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:100%; top:-1px;}

#monmenu li.click ul li.fly, #monmenu li.click ul li.fly:hover {background: url(/ferme/lib/tpl/sympa/images/frog_arrow.png) no-repeat top right;}
#monmenu li.click ul li.hover {inherit}

#monmenu li.click ul li.hover ul {width:75%}
#monmenu li.click ul li.hover ul li {background:#fff; }
#monmenu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#monmenu li.click ul li.hover ul li.fly {background: #c60 url(/ferme/lib/tpl/sympa/images/frog_arrow.png) no-repeat top right;}
/* #monmenu li.click ul li.hover ul li.hover { background:#fa4;}
#monmenu li.click ul li.hover ul li.hover a {color:#000;}

#monmenu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}*/
#monmenu li.click ul li.hover ul li.hover ul li.hover a {color:#333;}

/* fin test menu*/

/* ajout plugin wrap*/
div.dokuwiki .wrap_bgdownload {
 background-image: url(/ferme/lib/tpl/sympa/images/sympa_download.png);
 background-repeat:no-repeat;
 height:121px;
 width:401px;
 padding-top: 35px;
 padding-left: 175px;
}

div.dokuwiki .wrap_bgdownload a {
 font-size: 1.5em;
 font-weight: bold;
 font-family: ;
 color: #ff1b1b; 
 }