/*

 ****   BLUE SHINE --- DESIGN POUR WOOK.fr ****
 
 ** Dernières modifs le :  29/04 à 11h00, par Neoxx78

 Thème : Blue Shine DC1 commencé en Octobre 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 { 
	background : #ffffff; 
	font-family : 'Century Gothic', 'Trebuchet MS', Verdana, Arial, Tahoma, Times;
	text-align:justify;
}

div#page { 
	width : 850px; 
	margin : auto;
	padding : 0;
}

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

a { color : #1589a6; text-decoration : none;}
a img { border : none; }

h2, h3, h4, h5, h6 { color : #2b6f9e;}

ul { list-style-type : square; }
ul ul { list-style-type : circle }
ol ol { list-style-type : lower-alpha; }

blockquote {
	border-left : 5px solid #dcdcdc;
	padding : 0 1em;
}
pre { 
	overflow : auto !important;
	overflow : scroll;
	margin: 1em auto;
	padding: 0.5em 1em;
	min-height : 3em;
	text-align:left;
	width : 70%
}


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

div#top {
	background : url('img/banniere.jpg') no-repeat;
	margin-left:25px;
	height : 120px;
	width : 790px;
}

div#top h1 { 
	padding : 0.9em 0 0 10.5em;  
	margin : 0;
	color : #1694b5;
	font-size : 2.3em;
	letter-spacing : 40px;
	font-family:courier;
}
div#top h1 a { color : #1694b5; }


form#search {
	height : 36px;
	float : right;
	margin :  0 2.5em 0 0;
}

form#search p.field { margin : 0.8em 0 0 0; }

form#search input#q {
	float : left;
	height : 13px; 
	width : 130px;
	font-size : 0.7em;
	margin : 0 0.5em 0.5em 0;
	border : 1px solid #cacfd3;
	background : #f1f2f4;
	
}

form#search input.submit {
	background : url('img/search-icone.gif');
	display : block;
	border : none;
	height : 20px;
	width : 20px;
	margin : 0;
	padding : 0.4em;
}
	

p#prelude { 
	height : 31px;
	line-height : 38px;
	margin : 0;
	padding : 5px 25px 0 25px;
	font-size : 0.7em;
	color : #1589a6;
	text-indent : 15px;
}



/* ----------------------------------------------------------------------------------*/
/* MAIN ET CONTENT */

div#main { 
	overflow : hidden;
	padding : 0 25px;
}

div#content {
	padding : 0 0 0 5px;
	font-size : 0.8em;
	margin : 0 0 0 15px;
	overflow : hidden;
	color : #606060;
}

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

div.post { padding : 0; color : #606060; }
p.day-date {
	float : right;
	text-align : right;
	color : #5fa8c9;
	font-size : 0.8em;
	padding : 1em 0.8em 0 0;
	margin : 0;
}

h2.post-title { 
	padding : 0.5em 1em 0 0; 
	margin : 0;
	color : #1694b5; 
	font-size : 1.7em;
	overflow : hidden;
}

p.post-info {
	text-align:left;
	text-indent : 0px;
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #6f6f6f;
}

div.post-chapo { margin : 1.5em 0 0.5em 0; }
p.post-read-more { 
	color : #1589a6; 
	text-decoration : underline; 
	text-indent : 5px;
	margin : 0.6em 0;
}
div.post-content { margin : 1.2em 0.5em 1.2em 0; color : #606060; }
div.post-content, div.post-chapo  { font-size : 1em;  }

p.post-info-co {
	font-size : 0.8em;
	font-style : italic;
	margin : 0.3em 0;
	height : 22px;
	line-height : 16px;

}
p.post-info-co img { margin : 0 0.5em; }

.petit
{
font-size: 0.8em;
color : #1694b5;
}

/* ----------------------------------------------------------------------------------*/
/* COMMENTAIRES ET TRACKBACKS */

div#trackbacks h3, div#comments h3 {
	margin : 1em 0 0.5em 0;
	color : #2b6f9e;
	letter-spacing : 1px;
}

p.info-tb-com {
	font-style : italic;
	margin : 0;
	font-size : 0.9em;
}

p.comment-info {
	margin-left : 15px; 
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #62616b;
}
span.comment-number { font-size : 1.6em; font-style : normal;}
div#comments p.comment-info strong { color : #1589a6; }
div#comments p.comment-info strong a { text-decoration : underline; }
div#trackbacks p.comment-info strong { text-decoration : underline; }

div#comments blockquote, div#trackbacks blockquote, div#comment-preview blockquote {
	padding : 0.5em 1em;
	margin-left : 20px;
	width : 70%;
	border : 1px solid #cdcdcd;
	font-family : Arial;
}
div#trackbacks blockquote strong a { font-size : 1.1em; text-decoration : underline; }

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

div.form-info { float : left; }
div.form-text { float : right; }
p.field label { 
	display : block; 
	width : 150px; 
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color : #62616b;
}
p.field input[type='text'] { 
	padding : 0.2em;
	width : 170px; 
	font-size : 0.9em; 
}
/* Correction Bug pour IE 6 et inférieur */ div.form-info p.field input { width : 170px; }

p.field textarea { 
	padding : 0.2em;
	width : 370px;
	font-size : 1.2em;
	margin-right : 0.5em;
}
p.field input, p.field textarea { border : 1px solid #cdcdcd;}
p.form-help { 
	margin : 0;
	padding : 1.5em 0;
	font-size : 0.9em;
	clear : both;
}
fieldset.form-end {
	border : 1px solid #cdcdcd;
	margin-right : 0.5em; 
	text-align : center;
}
fieldset.form-end p {
	font-size : 0.9em;
	font-style : italic;
	font-weight : bold;
	color :	#62616b;
}

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

div#sidebar { 
	/*background : url('img/sidebar_left.png') top left repeat-y;*/
	width : 190px;
	float : left;  
	font-size : 0.7em;
}

div#sidebar h2 {
	/*background : url('img/blue-shine-menu-titre.gif') top left no-repeat;*/
	color : #62616b;
	margin : 1em 0 0.2em 0;
	font-size : 1.5em;
}
div#sidebar h3 { 
	margin : 0;
	padding : 0;
	text-indent : 10px; 
	font-size: 1.1em; 
	color : #62616b; }

div#sidebar ul {
	list-style-type : none;
	padding : 0.8em 0 0.8em 0.5em;
	margin : 0;
	text-align: left;
}
div#sidebar li a {
	display : inline;
	width : 150px;
	padding : 0.5em;
	/*border-bottom : 1px solid #cdcdcd;*/
	color : #62616b;
	font-size : 1.1em;
	text-align: left;
}

div#sidebar li a:hover {
	/*border-bottom : 1px solid #9a9a9a;*/
	/*background : #fff;*/
}	

div#sidebar caption {
	margin : 1em 0 0 0;
	text-align : center;
	color : #7b7b7b;
}

div#sidebar table {
	width : 150px;
	margin : 1em ;
	font-size: 0.9em;
	color : #606060;
}

div#sidebar tboby {
	font-size: 1.1em;
}

div#sidebar table a {
	font-weight : bold;
}


/* Tags cloud
------------------------------------------ */
#tagcloud ul {
margin:0;
padding:0 1em;
display:block;
}

#tagcloud li {
display:inline;
margin: 0 0.1em 0 0;
padding: 0;
background-image: none;
}

#tagcloud li.level-1 { font-size: 0.7em; }
#tagcloud li.level-2 { font-size: 0.8em; }
#tagcloud li.level-3 { font-size: 0.9em; }
#tagcloud li.level-4 { font-size: 1em; }
#tagcloud li.level-5 { font-size: 1.1em; }

#tagcloud li.level-1 a { color: #80c0ff; }
#tagcloud li.level-2 a { color: #80c0ff; }
#tagcloud li.level-3 a { color: #2060c0; }
#tagcloud li.level-4 a { color: #200060; }
#tagcloud li.level-5 a { color: #80c0ff; }
 
/* ----------------------------------------------------------------------------------*/
/* FOOTER ET CREDITS */

div#footer { 
	font-size : 0.4em;
	color : #1589a6;
	margin : 0;
	padding-top : 2.4em;
	width : 800px;
}
div#footer p { margin : 0; text-align : right; }

/* ----------------------------------------------------------------------------------*/
/* 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, p.post-info-co, p.post-read-more, p.form-help, div.clearer { clear : both; }
p.form-help { clear : both; }