/*

 ****   DESIGN POUR WOOK.fr ****
 
 ** Dernières modifs le :  06/05  par Neoxx78

 Thème : WookProject commencé en Aout 2007 par Baptiste_e et Neoxx78, fondateurs de Wook.fr
 
 Le charte graphique du site Wook.fr est soumise à la portection des droits d'auteurs comme pour les images de ce thème. 
 Par conséquent, toute utilisation sans l'accord des auteurs de Wook se verra de ce faite interdite.
 
Copyrights WookProject

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

body * { font-family : 'Trebuchet MS', Verdana, Tahoma, Arial; }
a { color : #f28d22; text-decoration : none; }
a img { border : none; }
	
body { background : #cdcdcd; padding : 0; margin : auto; width : 850px; }

div#top { 
	background : url('img/top.png') top left no-repeat; 
	height : 190px;
	width : 850px;
	margin : 0;
	padding : 0; 
}

div#header { height : 143px;}
div#header h1 { display : none; margin : 0;}

div#sidebar { 
	width : 600px;
	margin : auto;
	height : 30px;
}

div#sidebar ul { 
	margin : 0; 
	padding : 0; 
	text-align : center;
	list-style-type : none;

}

div#sidebar li { width : 135px; margin : 0;  padding : 0 0.2em; float : left; }

div#sidebar li a { 
	line-height : 30px;
	font-family : Verdana;
	font-size : 1.1em;
	color : #FFFFFF;
	font-weight : bold;
	font-variant : small-caps;
}

div#main { 
	font-size : 0.9em;
	width : 850px ; margin : auto; 
	background : url('img/fond.png') top left repeat-y;
	padding : 0;
	overflow : hidden;
}

/* MENU VERTICAL + BANDEAU, LISTES, TITRES DE MENU ... */

div#bandeau, div#menu { float : right; margin-bottom : 3em; }
div#menu { width : 125px; margin-right : 0.3em;}

div#bandeau { 
	width : 170px; 
	margin-right : 1em;		
	padding-right : 0.3em;
}

div#bandeau p { font-size : 0.7em; }

div#menu h2, div#bandeau h2 {
	font-size : 1em;
	font-family : 'Trebuchet MS';
	font-variant : small-caps;
	padding : 0.2em;
	margin : 0.3em 2em 0.5em 0;
	width : 90px;
	color : #f28d22; 	
	border-bottom : 1px solid #f28d22 ;
} /*#ff9a42 ancienne couleur*/

div#bandeau h2 { width : 140px; }
div#bandeau h2 a, div#menu h2 a, div#menu h2, div#bandeau h2 { color : #ff9a42; }

div#menu ul.navigation {
	list-style-type : none;
	margin : 0;
	padding : 0 1em 0 0;
}

ul.navigation li { margin : 0;  padding : 0; }

div#menu ul.navigation a {
	display : block;
	padding : 0.1em 0.3em;
	margin :  0;
	font : 0.9em, 'Trebuchet MS';
	color : #9e9e9e;
}

div#menu ul.navigation a:hover { border-left : 1px dotted #aeaeae; }
div#menu ul.list, div#bandeau ul.list, div#menu ul, div#bandeau ul{
	list-style-type : square;
	margin : 0 0 0.5em 0.5em; 
	padding : 0 0 0 0.5em;
	color : #feaa64;
	line-height : 0.9em;
}
div#menu ul.list li, div#bandeau ul.list li {
	padding : 0;
	margin : 3px 0;
}
div#menu ul.list a, div#bandeau ul.list a, div#menu ul a, div#bandeau ul a {
	color : #5e5e5e;
	font : 0.7em, bold, 'Trebuchet MS';
}
div#menu ul.list a:hover, div#bandeau ul.list a:hoer, div#menu ul a:hover, div#bandeau ul a:hover { color : #aeaeae; }

p.rss {	margin : 0 ; padding : 0; }
p.rss a {
	color : #aeaeae;
	font-size : 0.8em;
	font-family : 'Trebuchet MS';
}
div#bandeau p.rss a { font-size : 1.2em; }

/* TEST MISE EN PAGE DU MENU DES H3 EN LISTE */

div#galleries h3 {
	display : list-item;
	list-style-type : square;

	margin : 0 0 0 1em; 
	padding : 0;
	color : #feaa64;
	font-size : 0.9em;

}

div#galleries h3 a {
	color : #707070;
	font : 0.9em, 'Trebuchet MS';
	font-weight : bold;
}

div#galleries ul { display : none; }

/* FIN H3 EN LISTE */

/* CONCERNE LA GALLERIES, L'IMAGE ALEATOIRE DU BANDEAU ... */

img.miniatures {
	display : block;
	width : 100px;
	margin : auto;
	padding : 0.5em;
}


/* MISE EN PAGE DES BILLETS, DES TITRES, DATES, INFO DU BILLET ...*/

div#billets {
	width : 480px;
	margin-left : 2.1em; 
	padding-top : 1em;
}

div.billet * { color : #606060; }
div.post-content { padding-right : 0; }

div.post-content a, div.billet a {
	color : #1699b7;
	font-weight : bold;
	text-decoration : underline;
}


div.gallery-description a { 
	color : #606060;
	text-decoration : none; 
	font-weight : normal;
	font-size : 1em;
}

p.date-info {
	margin : 0 0 0 -30px;
	padding : 0.5em 0.5em 0.4em 2em; 
	font : 1.1em, bold, small-caps, Tahoma;
	background : url('img/day-date.png') top left no-repeat;
	width : 230px;
	text-transform : uppercase;
	text-indent : 10px;
}

h2.post-title a, h2.post-title {
	font : 1.5em, Verdana;
	margin : 0;
	padding : 0 0 0.2em 0;
	letter-spacing : 1px;
	color : #1699b7;
	text-decoration : none;  
	font-weight : normal;
}

h2.post-title a { font-size : 1em; }

div.post-content h3 {
	font : 1.4em, Verdana;
	margin : 0;
	padding : 0 0 0.2em 0;
	color : #1699b7;

	text-indent : 20px;
}

div#trackbacks h3, div#comments h3 {
	font : 1.2em, Verdana;
	margin : 0;
	padding : 0.2em 0;
	border-bottom : 1px dotted #16a6c6;
	color : #1589a6;
}

p.post-info {
	font : 0.7em, italic, Tahoma, Verdana;
	font-style : italic;
	text-align : right;
	margin : 0.3em 0;
}

div.post-content  {
	font-size : 1em;
	padding : 0.5em;
	overflow : hidden;
	line-height : 1.5em;
	color : #606060;
}

p.end-news {
	height : 22px;
	line-height : 16px;
	padding : 0.5em;
	font : 0.6em, Verdana;
	color : #6e6e6e;
	margin-left : -3.3em;
	text-align : right;
	margin : 0 0 1em 0;
}

p.end-news img { margin : 0 0.5em; }

div.post-content ul {
	list-style-type : square;
	margin : 0; 
	padding : 0 0 0 2em;
}
div.gallery-description ul { padding : 0 0 0 0.5em; }
div#billets p.rss { text-align : center; }
div#billets p.rss  a {
	color : #aeaeae;
	font-size : 0.8em;
	font-family : 'Trebuchet MS';
}

/* MISE EN PAGES DES COMMENTAIRES  */

blockquote { margin : 1em 0 1em 1em; }
#comments blockquote {
	background : #efefef;
	border-left : 4px solid #e9af51;
	margin : 1em 0 1em 2em;
	color :#606060;
	padding : 1em;
	font-size : 0.8em;
}

div.gallery-content blockquote p { 	font-size : 0.9em; color : #606060; }

p.comment-info { font-size : 0.9em; }
.comment-number a { font-size : 1.3em; color : #1589a6; font-weight : bold;}

p.comment-info strong { 
	color : #1589a6;
	font-weight : bold;
}

/* FORMULAIRES */

#comment-form {
	font-size : 0.7em;
	margin : 1em 0;
}

p.field {
	margin : 0.2em 0;
	padding : 0;
	font-weight : bold;
}

p.field label {
	width : 120px;
	float : left;
	text-align : right;
	color : #606060;
	margin : 0;
	padding : 0.4em 0.5em 0.4em 0;
}

#comment-form p.field input, #comment-form textarea {
	width : 330px;
	margin : 0.1em 0 0 0;
	padding : 0.3em;
	border : 1px solid  #e9af51;
	border-left : 4px solid #e9af51;
	color : #6b6b6b;
	font : 1em 'Trebuchet MS';
}

#comment-form textarea {
	height : 100px;
}

#comment-form p.form-help {
	font-size : 1.1em;
	margin : 1.5em 0.5em 0.5em 0.5em;
}

#comment-form fieldset {
	text-align : center;
	border : none;
	padding : 0 1em;
	margin : 0;
	font-size : 1.1em;
}

#comment-form input.preview, #comment-form input.submit {
	background : #f1f1f1;
	color : #f28d22;
	border : none;
	font : 1.3em, 'Trebuchet MS';
	font-weight : bold;
	padding : 0.2em;
	font-variant : small-caps;
}

#comment-form input.preview:hover, #comment-form input.submit:hover {
	background : #f28d22;
	color : white;
}

p.info-tb-com { font-size : 0.8em; color : #606060; font-style : italic; }

/* SELECTEURS CSS DU SONDAGE DU MENU H */

div#poll * { color : #606060; }

div#poll p { margin : 0.5em; }
p#poll_question { font-weight : bold; font-size: 1.2em; }

#bandeau p.poll_reponse {
	margin-bottom: 0;
}
#bandeau div.poll_bar_ext {
	margin: 0;
	padding: 0;
	background: none;
	
	width: 100px;
	height: 10px;
	text-align: left;
	border: 1px solid rgb(239, 152, 59)/*#336699*/;
}
#bandeau div.poll_bar_int {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	
	height: 10px;
	background-color: rgb(239, 152, 59)/*#336699*/;
}

/* GALLERIES RETOUCHES */

.gallery-description a { 
	color : #606060;
	text-decoration : none; 
	font-weight : normal;
	font-size : 1em;
}

/* MISE EN PAGE DU FOOTER */

div#footer { 
	clear : both;
	background : url('img/footer.png') bottom left repeat-x;
	margin : 0 25px;
	padding : 0 2.5em;
	text-align : center;
	font : 0.6em, Verdana, Tahoma, 'Trebuchet MS';
	color : #606060;
	height : 50px;
}

div#footer a {
	color : #ff9a42;
	font-weight : bold;
}

/*     CLASSES COMMUNES   */

/* 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; }
.underline { text-decoration : underline; }