/*

 ****   BLACKGLOSS --- DESIGN POUR WOOK.fr ****
 
 ** Dernières modifs le :  05/05/2008, par Neoxx78

 Thème : Blackgloss WP2 commencé en Janvier 2007 par Baptiste_e et Neoxx78, fondateurs de Wook.fr
 
Ce thème est librement distribuable à partir de la galerie de Wook.fr, et librement modifiable.
Nous vous prions de laisser la mention "Thème par Wook.fr" en bas de page en échange du servive rendu

Toute utilisation commerciale de ce thème est interdite sans l'accord de l'équipe de Wook.fr 

**** FIN CREDITS *****
 
*/

/* ----------------------------------------------------------------------------------*/
/* STRUCTURE GLOBALE */

body {
	margin : 0;
	padding : 0;
	font-family : Arial, Georgia, Tahoma, Verdana, Arial, Times;
}

div#page {
	background : none; 

}

/* ----------------------------------------------------------------------------------*/
/* BALISES COURANTES HTML + REGLES GLOBALES */ 

a { text-decoration : underline; color : #4d4d4d;}
a img { border : none; }

h2, h3, h4, h5, h6 {
	font-family : Verdana;
	color : #4d4d4d;
	font-weight : normal;
}
h2 { font-size : 1.5em; }
h3 { font-size : 1.8em; }
h4 { font-size : 1.7em; text-indent : 10px;}
h5 { font-size : 1.5em; text-indent : 20px; }
h6 { font-size : 1.4em; text-indent : 30px;}

ul { 
	margin : 0;
	padding : 0 0 0 15px;
	list-style-type : square;
	color #4d4d4d;
}
ul ul { list-style-type : circle; }
ol ol { list-style-type : lower-alpha; }

blockquote {
	font-style : italic;
	border-left : 4px solid #dcdcdc;
	padding: 0 10px;
}
pre, code { 
	overflow : auto !important;
		overflow : scroll; /* Redéfinition IE 6.0 */ 
	margin: 15px auto;
	padding: 0.5em 1em;
	text-align:left;
	font-size : 1.1em;
	width : 70%;
}
hr { display : none; }

/* ----------------------------------------------------------------------------------*/
/* HEADER + BANNIERES + HAUT DE PAGE */

div#header { 
	background : url('images/top-fond.gif') top left repeat-x;
	width : 100%;
	height : 135px; 
	text-align : center;
}

div#header h1 {
	margin : 0;
	padding : 1em 1em 0 1em;
	font : 2.3em Tahoma;
}
div#header h1 a { color : white; text-decoration : none; }
div#header div.description { display : none; }
div#speedbar { height : 30px; text-align : left; margin: 0 0 0 10px;}
div#speedbar li { display : inline; height : 25px; padding : 0 10px; }
div#speedbar li a { color : white; font-size : 0.8em; }
div#speedbar li a:hover { text-decoration : none; border-bottom : 1px solid #fff; }
div#speedbar li ul { display : none; } /*On enlève les pages filles de la speedbar */
/* ----------------------------------------------------------------------------------*/
/* MAIN ET CONTENT */

/* ----------------------------------------------------------------------------------*/
/* BILLETS + AFFICHAGE DU CONTENU */

div#content { 
	float : left; 
	width : 66%;
	padding-left : 0.5em;
	margin : 1em 1% 1em 2%;
}
div.cadre-post { border : 1px solid #858585; margin-bottom : 2em; }
div.post {
	border-left : 4px solid #3d3d3d;
	border-right : 4px solid #3d3d3d;
	margin : 0 ;
	font-family : Tahoma;
}

div.post h2 { /* Rapetisser la taille de ce machin */
	margin : 0;
	padding : 0.7em 0.5em 0.2em 0.5em; 
}
div.post h2 a { color : #4d4d4d; text-decoration : none;}

p.post-date { /* Date en flottant du titre */
	float : left;
	width : 55px;
	height : 55px;
	padding : 8px 0;	
	margin : 20px 10px 10px 10px;
	text-align : center;
	background : url('images/post-date.jpg') top left no-repeat;
	font-size : 0.9em;
	font-weight : bold;
	color : white;
	text-align : center;
}

p.post-info { /* Info auteur, date, cat, commentaires sous le titre */
	margin : 0 10px;
	font : 0.8em Tahoma, Verdana;
	color : #c0c0c0; 
}
p.post-info img { padding : 0 0.2em; }
p.post-info a { color : #c0c0c0; }

div.entry { /* Contenu du Billet */
	font-size : 0.8em;
	line-height : 1.4em;
	padding : 0 2em 0.5em 2em;
}

p.postmetadata { /* Info en fin de billet */
	font-size : 0.8em;
	/*border-left : 4px solid #dcdcdc;*/
	padding : 0.2em 1em;
	margin : 0;
	min-height : 20px;
	background : url('images/sidebar-titre.gif')bottom left repeat-x;
	
}

div.navigation { /* Billet suivant, billet précédent */
	text-align : center;
	font-size : 0.9em;
	margin : 0 0 30px 0;
}

div.alignleft {
	text-align : left;
	float : left;
}
div.alignright { text-align : right; float : right; }
/* ----------------------------------------------------------------------------------*/
/* COMMENTAIRES ET TRACKBACKS */
h3#comments, h3#respond { font-size : 1.5em; } /* Titre pour les commentaires et le formulaire */
ol.commentlist p { 
	margin-left : 20px;  
	line-height : 1.4em;
	font-size : 0.9em;
	color : #2d2d2d;
}

ol.commentlist strong { /* Prend les titres des trackbacks ! */
	color : #4d4d4d;
	font-weight : normal;
	font : 1.5em Verdana;
}	

/* ----------------------------------------------------------------------------------*/
/* FORMULAIRES */

form#commentform label { 
	color : #4d4d4d; 
	font-size : 1.2em;
}
form#commentform p { font-size : 0.9em; }
textarea#comment { width : 70%; }

/* ----------------------------------------------------------------------------------*/
/* SIDEBAR = MENU VERTICAL */

div#sidebar {
	float : right;
	width : 25%;
	margin : 1em 2% 1em 1%;
}

div#sidebar h2 {
	margin : 0;
	height : 20px;
	background : url('images/sidebar-titre.gif') top left repeat-x;
	font : 0.9em Tahoma;
	font-weight : bold;
	color : #000;
	border-left : 4px solid #3d3d3d;
	border-right : 4px solid #3d3d3d;
	border-bottom : 1px solid #c0c0c0;
	text-align : center;
}
div#sidebar h2.firstinsidebar { border-top : 1px solid #808080; }
div#sidebar ul { 
	list-style-type : none; 
	margin : 0;
	padding : 0;
}

div#sidebar li {	
	border : 1px solid #808080;
	border-top : none; 
	padding : 0;
	margin : 0;
}

div#sidebar ul ul {
	padding : 15px;
	font : 0.9em Arial; /* Numéros devant les catégories à mettre en gris ? */
}

div#sidebar li li {
	border : none;
	padding : 0.1em 0;
}
div#sidebar li li a:hover { text-decoration : none; }
div#sidebar ul ul ul { padding : 0; margin : 0 0 0 20px;  font-size : 1em;}


div#sidebar li.searchform {
	border : none;
	margin : 0 0 30px 0;
	padding : 0;
	border : 1px solid #808080;
	/*border-bottom : 1px solid #c0c0c0;*/
	background : url('images/sidebar-searchform-fond.gif') top left repeat-x;
	text-align : center;
}
form#searchform, form#searchform div, form#searchform input /*, form#searchform img*/ {
	padding : 0;
	margin : 0;
	
}
form#searchform { 
	border-left : 4px solid #3d3d3d; 
	border-right : 4px solid #3d3d3d;
	height : 22px; 
}
form#searchform img { float : left; }
form#searchform input#s { /* input type="text" */
	/*background : url('images/sidebar-searchform-inputtext.gif') top left no-repeat; */
	width : 45%;
	font-size :0.7em; 
}
form#searchform input#searchsubmit { /* input type = submit */
	border :  none;
	height : 21px;
	width : 21px;
	background : url('images/sidebar-searchform-inputsubmit.gif') top left no-repeat; 
}
	
div#sidebar li.sidebardescription { border : none; } /* Bloc de texte de description en haut de sidebar */
div#sidebar ul p { 
	padding : 0 15px 15px 15px;
	margin : 0;
	font-size: 0.9em;
}
/* ----------------------------------------------------------------------------------*/
/* FOOTER ET CREDITS */

div#footer {
	width : 80%;
	margin : auto;
	text-align : center;
	font-size : 0.9em;
	padding : 0 0 20px 0;
}

/* ----------------------------------------------------------------------------------*/
/* CLASSES COMMUNES AUX THEMES  */

/* Pour centré un contenu que cela soit image, texte, tableau etc... à utiliser sans modération ! */
.centre { text-align : center; }
img.centre {/* Correction d'un petit bug dans le cas la classe centre est appliqué à l'image, déconseiller cenpendant, ajouter la classe sur un <p> avec l'image <img> dedans est conseillé */
	display : block; 
	text-align : center; 
} 

/* Bloc flottant, que ce soit pour placer les images dans les articles, les textes, ou stoppé un bloc flottant etc. */
.flottant-gauche { float : left; margin : 0.5em; }
.flottant-droit { float : right; margin : 0.5em; }
.clearer { clear : both; }

/* Pour tous ce qui est des annonces importantes, que vous voulais mettre en évidence, au centre, en gras etc. */
.important { 
	font-size : 1.3em;
	font-family : Verdana, 'Trebuchet MS', Tahoma, Arial, Times;
	font-weight : bold;
	text-align : center;
}

/* Simple mise en gras, juste pour l'aspect = sans raport avec une emphase du contenu */
.gras { font-weight : bold; }
/* Simple mise en italic pour l'aspect =  sans rapport avec une emphase du contenu */
.italique { font-style : italic; }

/* ----------------------------------------------------------------------------------*/
/* CLEARERS = BLOCS AYANT LA PROPRIETE CLEAR, ANTI FLOAT */

div#footer, div.entry { clear : both; }