/*********************************************************
* CSS screen
* 
* name:     groovy or not groovy ? 
*
* date:     2006.10.10
* author:   erational <http://www.erational.org>
* version:  0.3
* licence:  GPL
*
**********************************************************/

@import "layout.css";    

#archive {position:fixed;top:25px;right:25px;background:#fff;
          font-size:14px !important;width:270px;padding:10px;
          border-radius:10px;opacity:0.9;
          box-shadow:  3px 3px 3px 3px #888;
}

#archive p {margin:0.5em 0;}

/****************** global style ******************/
body{font-family:Arial,Verdana, sans-serif;   color:#000;  background:#DBEDC5;  }
#page{background:#fff; }
#main{}
#banner{margin:0;  padding:0;  height:140px;
/* IE */
   }
#content{}
#sidebar{}
/***************** usual tags ******************/
a{color:#698B23;text-decoration:none;}
a:hover{color:#009999;}
a.suite{display:block;  margin-bottom:1.6em;  text-decoration:underline;  padding:2px 0 8px 19px;  background:transparent url(../img/puce_link.png) no-repeat center left;  border-bottom:1px dashed #5f7b86;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS","Trebuchet",Arial,Verdana,sans-serif;}
h1{font-size:1.8em;  font-weight:normal;  padding:0.2em 0; }
h2{font-size:1.26em;  margin:0;  }
h3{font-size:1.2em;  margin:10px 0 0 0;    padding:2px;}
h4{font-size:1.1em;  margin:1.2em 0 0.2em 0;}
hr{clear:both;  visibility:hidden;    margin:0;}
form{margin:0 0 10px 0;}
label{font-weight:bold;   display:block;}
label.full{display:block;}
/***************** spip class ******************/
.spip_surligne{background:yellow;}
a.spip_out{background:url(../img/spip_out.png) right center no-repeat;padding-right:15px;border-bottom:1px solid;}
p.spip{margin:1.2em 0;}
.spip-admin-float{}
.spip-admin-boutons{}
.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{
/* pagination current */
font-weight:bold;}
.liner{border-bottom:1px solid #999;  padding:0 0 5px;  margin:0 0 15px 0;}
/***************** main block:banner **********************/
#banner h1{display:none;}
#banner .banner_main{position:absolute;  z-index:3;}
#banner .banner_extra{position:absolute;
/*width:90%;   text-align:right;  z-index:2;    margin:0 auto;*/
top:0;  right:5%;}
#banner_print{display:none;}
/***************** main block:interface ******************/
#interface{position:absolute;    top:2px;    left:218px;    font-size:0.94em;}
#interface ul,#interface  ul li{display:inline;margin:0;padding:0;}
#interface ul li{margin-right:0.6em;}
#interface a:hover{text-decoration:underline;}
/***************** main block:searchengine ******************/
#searchengine{margin:3px 0 0 0;    float:right;
/*position:absolute;    text-align:right;    width:760px;    top:13px;       margin:0 auto;*/
}
#searchengine form, #searchengine input,#searchengine label{margin:0;  padding:0;}
/***************** main block:navbar ******************/
#navbar{margin:0;      padding:0;   }
#navbar a{color:#996600;    text-decoration:none; }
#navbar a:hover{color:#009999;  }
#navbar ul{margin:4px;   padding:0;   list-style:none;}
#navbar ul li{margin:0;     display:inline;  color:#00536d;  border-left:1px solid #ccc;  padding:0 3px 0 6px;}
#navbar ul li.current a{font-weight:bold;}
#navbar ul li:first-child{border-left:0px solid #fff;}
/***************** main block:recherche ******************/
#rechercher{float:right;    text-align:right;}
#rechercher form{margin:0 4px 0 0;  }
#rechercher input.txt{width:100px;}
#rechercher label{display:none;}
#rechercher input.sbmit,#extralink a{background:#fff;  color:#000;  border:1px solid #000;  padding:2px 4px;  }
#extralink{text-align:right;  clear:both;  padding:8px 4px 0 0;}
/***************** main block:path ******************/
#path{padding:2px 2px 2px 0;    font-size:0.95em;}
#path a{color:#000;  margin:0 0 4px 0;}
#path a:hover{color:#009999;}
#path .pop{margin:0 0 4px 0;  vertical-align:middle;}
/***************** main block:post ******************/
#post{}
.printer{
/*float:right;*/
text-align:right;}
.printer a{color:#000;}
.printer a:hover{color:#009999;}
#post h1 a{font-family:Arial,Helvetica,sans-serif;    font-size:1.2em;    color:#000;  text-align:left;  line-height:1.2em; }
#post h2 a{font-family:Arial,Helvetica,sans-serif;    font-size:1.0em;    color:#000;  text-align:left;  line-height:1.2em; }
#post h2 a:hover{color:#666;}
#post fieldset{background:#f6f8f9;}
.portfolio{margin:15px 0 0 0;}
.pagination{margin:9px 0;}
.surtitre{color:#666;}
.titre{margin:32px 0 22px 0;}
.soustitre{color:#666;}
.chapo{margin:5px 0;  font-style:italic;}
.ps{}
.hypertxt{
/*text-align:right;*/
margin-bottom:4px;}
.keyword{margin:0 0 0.2em 0.4em;  padding:8px;  text-align:left;  background:#eee;  float:right;}
.keyword ul,.keyword  ul li{list-style:none;margin:0;padding:0;}
.keyword ul li a{margin-left:0.1em;   padding-left:5px;  padding-right:5px;  border-bottom:1px dashed #7a7a7a;  color:#7a7a7a; }
.keyword ul li a:hover{color:#2d2c2c;  background:#eee;}
.author{font-weight:bold;  margin:15px 0;  }
/***************** main block:rubrique ******************/
ul.list_arrow,ul.list_rubrique{margin:0 0 15px 35px;}
ul.list_arrow li{list-style-image:url(../img/puce_arrow.gif);  list-style-type:circle;  }
ul.list_rubrique li{list-style-image:url(../img/puce_rub.gif);  list-style-type:circle;  }
.logorub{float:left;  margin:0 10px 10px 0;}
#core{margin:0 130px 15px 130px;  line-height:1.5em;}
/***************** main block:rubrique syndication ******************/
a.syndication{display:block;  background:#eee;  margin:0 0 10px 0;  padding:8px 2px;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
a.syndication:hover{background:#ddd;  border-right:1px solid #aaa;  border-bottom:1px solid #aaa;}
.bicol{float:left;  width:43%;
/*margin:0 20px 0 0;*/
}
.item_syndic{padding:8px;  background:#fafafa;  margin:0 20px 20px 0;  border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}
.rss{color:#666;}
/***************** main block:sites ******************/
.encadreur{border:1px solid #ccc;  margin-bottom:9px;  padding:5px;
/*background:#eee;*/
}
.encadre{background:#fafafa;  padding:5px !important;  margin:0 -5px !important;  }
/***************** main block:forum ******************/
#forum{border-top:1px solid #999;  padding:5px 130px 0 130px;}
.forum_item{margin:10px 0;    }
.forum_odd{background:#e9f4f7;}
.forum_even{background:#fff;}
.forum_title{border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  background:#DDF3FA;}
.forum_reply{}
.indent{margin-left:50px;}
.forum-intro{}
/***************** main block:footer ******************/
#footer{text-align:center;  margin:0 0 10px 0;  font-size:1.4em;}
#footer ul{margin:0;padding:0;}
#footer ul li{display:inline;margin:0;padding:0;border-left:1px solid #919989;  padding:0 4px 0 8px;}
#footer ul li:first-child{border-left:0px solid #DBEDC5;}
#footer_print{display:none;}
/***************** sidebar block ******************/
#sidebar{border-left:2px solid #AEDBE9;  padding:1em 0 0 11px;  font-size:0.90em;   color:#999; }
h2.actu  span,h2.agenda  span,h2.web  span,h2.breve  span , h2.lien  span,h2.rubrique  span,h2.recherche span,h2.wiki span, h2.tag span{display:none;}
#sidebar h2{height:40px;   margin:0;  padding:0;  border-bottom:1px solid #AEDBE9;}
#sidebar h3{display:none;}
#sidebar a{color:#000;}
#sidebar a:hover{color:#f30;}
#sidebar ul{margin:2px;   padding:0;   list-style:none; }
#sidebar ul li{margin:0;   padding:2px 0;}
#sidebar ul li.current{background:#ddf3fa;  padding:2px; }
#sidebar label{display:none;  }
#sidebar form{margin:0.5em 0;   }
#partners{display:block;  margin:20px 0 0 0;  text-align:center;}
#extra_tools{}
.creative{display:block;  margin:25px 0;  text-align:center;}
#sidebar .meta{color:#777;}
#sidebar .nuage{margin:5px 0 0 0;  color:#000;  font-weight:bold;}
/*********************** style deco text ************************/
h2.article{margin:16px 0 0 0;}
.date,.license{color:#999;   margin:0;  text-align:right; }
a.bigger{font-weight:bold;  display:block;}
.tip{font-size:0.8em;}
.erreur{color:#f00;}
.ok{color:#090;}
.smaller{font-size:0.9em;}
/************************ page:sommaire ***************************/
ul.discrete{list-style:none;  margin:0;  padding:0;}
ul.discrete li{margin:0;  padding:0;}
.homepage_col{width:47%;  float:left;  margin:0;  padding:0 0.8em 0 0;  line-height:180%;}
.homepage_col ul.discrete{margin:0 0 2.2em 0;}
.homepage_col h2 a{color:#000;}
.homepage_col h2 a:hover{color:#46b9f0;}
ul.news li{list-style-image:url(../puce.gif);  list-style-type:circle;    color:#666;  margin:0 0 10px 0;}
ul.news li a{color:#666;}
ul.news li a.normal{color:#698B23;}
ul.news li a.normal:hover{color:#009999; text-decoration:underline;}
.homehome{font-size:105%;padding:1.2em 0;}
/************************ page:recherche ***************************/
ul.search{list-style:none;}
ul.search li{margin:0 0 10px 0;}
/************************ page:mot ***************************/
a.extra{text-decoration:none;   background:#FFFBBB;    border:1px solid #F8E04C;  padding:4px 6px;}
a.extra:hover{background:#FFFEEF;}
/************************ misc ***************************/
.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;}
.spacer {clear:both;}

/*    Tableaux    (fichier origine:dist/spip-style.css )*/
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:#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; }
/* minical calendrier */
#calendar caption,#calendar caption a{background:#00536D;  color:#fff;}
td.occupe{background:#fff; font-weight:bold;}
td.libre{}
td.horsperiode{background:#AEDBE9; color:#AEDBE9;}