/* - - - - - - - - - - - - - - - - - - - - -

Title : doc.spip.org CSS
Author : Mathieu Drouet (IZO)
URL : www.aucuneid.net/bones

Description : css du site de documentation de SPIP

Created : Octobre 2006
Modified : 

- - - - - - - - - - - - - - - - - - - - - */



/* ----- CSS ----- */


* {
	padding: 0;
	margin: 0;
}

html {
	padding: 0;
	margin: 0;
}

body {
	background: #2D3335;
	color: #EDEDEB;
	font-size: small;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

/* ----- IDS ----- */

#haut {
	padding: 1px 10px 2px;
  color: #5D9E9B;
  background: #555752;
  border-top: 1px solid grey;
}

#haut h1 { 
  color: #5D9E9B;
  font-size: 350%;	
 }

#primaire {
  background:  url(img/fond2.jpg) repeat-x;
	padding: 40px 10px 2px;
}

#hierarchie {
  background: #555752;
	padding: 20px 5px 20px 5px;
	word-spacing: 2px;
	text-transform: lowercase;
	font: x-small 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color: #C8DBBF;
  padding-left: 20px;
}

#secondaire {
	padding: 25px 10px 2px;
	background: #444642 url(img/fond.jpg) repeat-x;
  color: #D0EBE9;
}



#secondaire a { 
  color: #5D9E9B;
 }

#secondaire li.active > a { 
  color: #8AEBE3;
 }

#pied {
  font-size: x-small;
	margin: 0;
	padding: 20px 5px 5px;
	clear: ;
	text-align: center;
	background: url(img/fond2.jpg) #2d3335 repeat-x;
}

/* ----- CLASSES ----- */

.pink { color: #D01A71;}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

.recherche {
	float: right;
	width: 200px;
	margin: 1em 0 0 0;
	-moz-opacity: 0.4;
	text-align: right;
}


.recherche .rechercheimg {
	float: left;
	width: 16px;
	height: 16px;
	background: url(img/loupe-20.png) 0 0 no-repeat;
	position: relative;
	top: 4px;
}

.recherche input {
	width: 175px;
//	font-size: 0.85em;
	background: #CCC;
	margin-top: 2px;
}

.recherche input:focus {
	background: #FFF;
}

.rechercheform {
	margin: 1em 0;
}

.articles {
	padding: 5px;
	margin: 10px;
	float: left;
	background: transparent;
	width: 45%;
	height: 40%;
  min-height: 12em;
}

#article .articles { 
  width: 50%;
 }

#article #content ul { 
  margin-left: 1em;
 }

#article #content #tablematiere { 
 color:#5D9E9B;

 }
 #article #content #tablematiere a { 
  color:#8AEBE3;
 }

.logos {
	width: 65px;
	height: 100px;
	float: left;
}


.thecode {
	color: #ffffff;
	padding: 10px;
	border: 1px solid #ffffff;
	margin-top: 2px;
	font: bold medium Courier New, Courier, mono;
	margin-left: 64px;
	text-align: left;
}

.thecode:hover {
	color: #333333;
	border: 1px solid #717D09;
	height: 25%;
	background: #D01A71;
}

.thecode a { 
	color: #ffffff;
  
 }

.thecode a:hover {
	color: #333333;
	background: #D01A71;
} 

.thecode:hover a {
	color: #333333;
	background: #D01A71;
}

.admin {
	text-align: center;
	margin-top: 20px;
}

.metadonne {
	margin-top: 10px;
	text-align: center;
	padding-bottom: 2px;
	font-weight: bold;
}

.block {
	margin: 10px;
	float: left;
	background: transparent;
	width: 30%;
	height: 30%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.inscription {
	float: right;
	padding: 5px;
	margin: 10px;
	width: 20%;
}

.bouton {
	margin: 5px;
	text-align: right;
}

.spip_logos {
	behavior: url(win_png.htc);
}

.chapo { 
  font-weight: bold;
 }

.texte {
	padding: 5px;
	margin-left: 64px;
	margin-top: 10px;
  font-size: medium;
	clear: both;
}

.texte ul.spip, .texte ol.spip { 
  margin: 1em 2em;
 }

.texte .spip li { 
  margin-bottom: 5px;
 }


.texte img {
  border: 1px solid #ccc;
}

.texte .spip_documents img, .texte .smiley, .texte .spip_ragged {
  border: none;
}
.texte .smiley {
margin-bottom:0pt;
margin-left:5px;
margin-right:5px;
margin-top:0pt;
}
  
.texte .code, .forum .code,	.texte div.spip_code, .forum div.spip_code,
	.texte div.spip_cadre, .forum div.spip_cadre {
  font-size: medium;
		  color: black;
		    background: white;
	  border: 1px solid #555;
	  padding-left: 25px;
	  font-family: "courier new", helvetica, "times new roman", monospace;
	  width: 470px;
	  white-space: nowrap;
	  overflow: auto;}

	.texte textarea.spip_code, .forum textarea.spip_code,
	.texte textarea.spip_cadre, .forum textarea.spip_cadre {
  font-size: medium;
		  color: black;
	  background: #white;
	  border: 1px solid #555;
	  padding-left: 25px;
	  font-family: "courier new", helvetica, "times new roman", monospace;
	  width: 470px;
	  white-space: nowrap;
	  overflow: auto;}


	.texte code.spip_code, .forum code.spip_code
	.texte code.spip_cadre, .forum code.spip_cadre
{
  font-size: medium;
	  color: white;
	  background: #444642;
            border: 1px solid #555;
//	  padding: 3px;
	  font-family: "courier new", helvetica, "times new roman", monospace;
//	  margin: 2px auto;
	  white-space: nowrap;
}

.texte .spip_code a,.texte .spip_cadre a, .forum .spip_code a {
  text-decoration: none;
}

.texte .code_download,.texte .cadre_download, .forum .code_download, .forum .cadre_download {
  font-size: .5em;
  margin-right: 60px;
}

table.spip {
	color:#2D3335;
}

/* ----- TAG ----- */

a {
	color: #D01A71;
	text-decoration: none;
}



a.spip_in, a.spip_url, a.spip_out {
	color: #D01A71;
	text-decoration: none;
}

a:hover {
	color: #DD3111;
	text-decoration: none;
}

.spip_url a:hover {
	color: #DD3111;
	text-decoration: none;
}

a img {
	border: none;
}

img, .spip_logos {
	margin: 0;
	padding: 0;
	border: none;
}

.block li {
	list-style: url(img/puce_black-10.png);
	background: none no-repeat;
	padding-left: 0;
	margin: 0;
}

li.active > a { 
  color:white;
 }

.block ul {
	list-style: url(img/puce_black-10.png);
	background: none no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

.code li {
	list-style: none;
	background: none no-repeat;
	padding-left: 0;
	margin: 0 0 0 10px;
}

.articles p {
	padding: 2px;
	text-align: justify;
}

#primaire h2 { 
  font-size: x-large;
 }

#primaire h2 a { 
  color: white;
}

#primaire h2.rub_part { 
  font-size: large;
 }

/* -----  HEADINGS ---- */

h2 {
	color: #ffffff;
	letter-spacing: 2px;
	padding: 5px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}

h1 {
	color: #D01A71;
	font-weight: bolder;
	letter-spacing: 2px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
}

.articles h3 {
	margin-left: 64px;
	margin-top: 10px;
	letter-spacing: 1px;
	color: #ffffff;
	font-weight: bolder;
}

.articles h3 a { 
  color: white;
 }

/* * Habillage des forums */
ul.forum { 
display: block;
 clear: both; 
margin: 0; 
padding: 0; 
}

ul.forum li { 
  list-style-type: none;
 }

.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: white; }
.forum-chapo .forum-titre a { 
  color: #D01A71;
 }
.forum-chapo small {color:white;}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: white; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #333; }
ul ul .forum-chapo { background: #444; }
ul ul ul .forum-chapo { background: #555; }
ul ul ul ul .forum-chapo { background: #666; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #777; }

/*Formulaire forum*/

table.spip_barre a img {
  background-color: #fff;
}

.formulaire_forum textarea {
 width: 95%;
}

.formulaire_forum fieldset {
  border: 2px solid #666;
  padding: 1em .5em;
}

.formulaire_forum fieldset legend {
text-indent: 5px;
color: #999;
letter-spacing: -0.1px;
text-align:left;
font-size: 1.2em; 
font-weight: bold; 
}

.formulaire_forum label {
  color: #D01A71;
}

.formulaire_forum p {
line-height: 1.4em;
 font-size: 1em; 
margin-bottom: 20px;
 color: #f4f4f4;
}

/**/

.forum p.spip { 
  margin-bottom: .5em;
 }

 .forum a { 
color:#D01A71;
 font-weight: bold;
text-decoration: underline;
}

 .forum a:hover { 
 color: #fff; 
 background: #D01A71; 
 font-weight: bold;}

.forum a:visited { 
color:#Dd2B73;
 font-weight: bold;
text-decoration: underline;
}
  .forum .spip, .forum .forum-lien {
line-height: 1.4em;
 font-size: 1em; 
margin-bottom: 20px;
 color: #f4f4f4;
}

 .forum ul.spip, .forum ol.spip {
  margin-left: 3em;
}

 .forum i.spip, .forum strong.spip {
  color:#D01A71;
}

.page_plan #primaire h4 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #primaire ul {
	display: block;
	clear: left;
  margin-left: 3em;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #primaire li {}

#primaire #left { 
  margin-left:60%;
  margin-top:5em;
  width:300px;
  background:#444642;
color:#5D9E9B;
border: 1px solid black;
 }

#primaire #left a { 
  color: #8AEBE3;
 }

#primaire #left li { 
  display: inline;
 }

#primaire #left .additional { 
  border: 1px solid white;
  padding: 1em;
 }

#data img.spip_logos { 
  float: right;
 }

#data .graph {
  position: relative; /* IE is dumb */
  width: 170px;
  background: #333;
  border: 1px solid #D01A71;
  padding: 2px;
}
#data .graph .bar {
       display: block;
       position: relative;
       background: #D01A71;
       text-align: center;
       color: #fff;

   }
#data .graph .bar span { position: absolute; left: 1em; }

#data .data_license, #data a[rel=license] {
  font-size: .7em;
}

#data a[rel=license] {
  color: #D01A71;
  width: 170px;
  overflow: hidden;
}

#data a[rel=license] img {
  margin-top: 1em;
  display: block;
}

#secondaire h2 { 
  text-align: center;
 }


#pied .vcard { 
display: inline;
 }

#pied .vcard div { 
  display: inline;
 }

#paypal p { 
  margin-top: .5em;
  font-size: x-small;
 }

.overwhelming { 
  display: none;
 }