/*

 ****   DESIGN POUR WOOK.fr ****
 
 ** Dernières modifs le :  01/05 ?14h00, par Neoxx78
 Thème : NeoStudio DC1 initialement cod?pour le blog neoxx78-studio.com puis adapt?pour Wook.fr par Neoxx78
 
Ce thème est librement distribuable, gratuitement, selon la licence GNU-GPL. 
Nous vous prions cependant de repecter la mention "Thème par Wook.fr" en échange de ce service.

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

/* ******  STRUCTURE PRINCIPALE  ******* */

body {
	/*background : url('img/fond.gif') top left repeat-x #dedede;*/
	background: url('img/body_bg.jpg');
	font-family : Tahoma, Geneva, Helvetica, 'Trebuchet MS', Verdana, Times , serif;
	padding:0em;
	margin:0em;
	font-size:100%;
	height:100%;
	
}

div#page_accueil { /* Correspont ?l'ensemble de la page affich? du header au footer, fond en dégrad?except?*/
	/*width : 960px;*/
	width : 60em;
	margin :  20px auto;
	
}

div#screen { /* Correspont ?la zone d'affichage des billets, du menu sans le header et footer */
	background : white;
	/*width : 780px;*/
	width : 59em;
	margin : auto;
	padding:0.5em;
	/*height:40em;*/
	

}
/*html>body div#screen
{
 min-height:40em;
}*/

div#main { /* Zonde d'affichage du texte, des billets en son ensemble */
	/*background : white;*/
	/*background-image:url('img/main_bg.jpg');*/
	padding : 0.5em 1em;
	overflow : hidden;
	width:40em;
	border:1px solid red;
	
}

div#main #home_main_contenu
{
margin-top:370px;
margin-left:80px;
font-size:0.8em;

}
div#credit { /* Zone de texte en dessus du footer */
	text-align : center;
	font-size : 0.8em;
	background : white;
	clear : both;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ******  BALISES COURANTES, DE CONTENU  ******* */


/*         LIENS         */
a {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

a:hover { text-decoration : underline; }
a img { border : none; }
p,ol, dl, table, caption, div.post-chapo, div.post-content {
	/*color : #676767;*/
	line-height : 1.4em;
	letter-spacing : 1px;
}
ul
{
	line-height : 2em;
	letter-spacing : 1px;
}
h2 {
	/*color : #e6a47a;*/
	color:rgb(133,29,104);
	font-size : 1.2em;
	/*border-bottom : 1px dotted #e9af8b;*/
	margin:0em;
	margin-bottom : 0.2em;
	padding-left:0.4em;
	}
/*h2 a { color : #e59975; }*/
h2 a:hover {
	text-decoration : none;
	/*border-top : 1px dotted #e9af8b;*/
}


h3 {
	text-indent : 65px;
	font-size : 1.1em;
	font-style : italic;
	color : #e9af8b;
}

h4, h5 {
	font-weight : bold;
	font-style : italic;
	color : #e9af8b;
	text-indent : 65px;
}
h4 { font-size : 1em; }
h5 { font-size : 0.9em; }
h6 { font-size : 0.8em; text-indent : 80px; color : #e9af8b; }

ul { list-style-type : square; }
ul ul { list-style-type : circle; }
ol ol { list-style-type : lower-alpha; }
pre { 
	overflow : auto !important;
	overflow : scroll;
	margin: 1em 2em;
	padding: 1em;
	min-height : 3em;
	border : 1px solid #cdcdcd;
	text-align:left;
}
q { font-style : italic; }
.centre, .alert { text-align : center; }
.alert { color : #e59975; }
	
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ******  MISE EN PAGE TOP, HEADER, SPEEDBAR, MENU, FOOTER  ******* */

div#header {
	/*width : 760px;*/
	width : 59em;
	height : 120px;
	margin : 0;
	padding : 0;
	padding-left:1em;
	
	/*background-image : url('img/top.gif');*/
	background-image : url('img/body_head.jpg');
}

div#header h1 { /* Titre du site dans le cadre du header */
	font : 1.6em Tahoma, Verdana, 'Trebuchet MS';
	margin : 0;
	padding-top : 40px;
	padding-left : 35px;
	letter-spacing : 1px
}
/*div#header h1 a { 	color : white; padding : 0.3em; }*/
div#header a#contact { 	color : white;  padding:0.8em; font-size:0.8em;}
div#header h1 a:hover { text-decoration : none; }
p#prelude { display : none; } /* Liens de navigation rapide */

div#menu_top  { /* Speedbar ou menu horizontal */
	/*background : white;*/
	margin : 0;
	padding : 0;
	font-size : 0.8em;
	display:inline;
	text-align:center;
	
}

div#menu_top ul {
	list-style-type : none;
	list-style-image : none;
	margin : 0;
	padding : 0;
	padding-top:0.8em;
	text-align:center;
	background-image: url('img/topmenu_bg.jpg');
	height : 2.5em;
}

div#menu_top li {
	display:inline;
	text-align : center;
	padding : 0 0.5em 0 0.5em;
	
/*	width : 100px;*/
	
	/*background : url('img/fond_menutop.gif') top right no-repeat;*/

}
div#menu_top li img
{
border:0em;
margin:0em;
padding:0em;
cursor:pointer;
}
div#menu_top  a {
	font : 1em "Trebuchet MS" ;
	font-weight : bold;
	color : white;  
	text-decoration : none;
	padding : 0;
	margin : 0;
}

/*   SIDEBAR/MENU VERTICAL  */

div#menu { /* Sidebar ou menu vertical de droite */
	/*background : white;*/
	background :rgb(223,215,213);;
	/*width : 180px;*/
	width:17em;
	padding : 0.5em 0.1em 0.5em 0.1em;
	float : right;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	color:black;
	
	height:100%;
	/*height:98%;*/
	/*height:49em;*/
}
/*html>body div#menu
{
min-height:49em;
}*/
div#menu h2 {
	margin : 0.2em 0 0.2em 0 ;
	
	/*text-align : right;
	border-bottom : 1px solid #ffcb9a;
	color : #ffbe87;*/
	color:rgb(133,29,104);
	background-color:rgb(246,245,243);
	font-size : 1.1em;
}
div#menu #menu_contenu
{
	padding-left:0.3em; 
	text-align : left;
}
div#menu ul {
	text-align : left;
	list-style-type : none;
	list-style-image : none;
	margin:0em;
	padding:0em;
	line-height:1.4em;
}
div#menu li {
	margin:0em;
	padding:0em;
	height:1.2em;
}
div#menu ul a {
	display : block;
	/*width : 130px;*/
	padding :0em 0em 0em 0.5em;
	font-size : 80%;
	/*font-weight: bold;*/
	color : #000000;
	text-decoration : none;
}

div#menu ul a:hover {
	display : block;
	color:rgb(133,29,104)
	/*background : #ffbe87;*/
	
}
div#calendar { font-size : 0.9em ;}
div#calendar td, div#calendar th {
	padding : 0.2em 1px;
	text-align : center;
	letter-spacing : 0;
	width:5em;
}

div#calendar td a{
	display : block;
	padding : 0.1em;
	text-align : center;
}

div#calendar td a:hover {
	background : #ffbe87;
	color : white;
	text-decoration : none;
}

/* FOOTER ET CREDITS */

div#credit p {
	margin : 0;
	padding : 0.5em;
}
	
div#footer {
	height : 120px;
	background : url('img/footer.gif') bottom left no-repeat;
	clear : both;
}
.leblog{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	font-weight:bold;
	margin:0.5em auto auto 0.5em;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*     ********   ASPECT BILLETS  ***********  */

div.post {
 margin-bottom : 2em; 
 
 } /* Zone d'affichage d'un billet, englobe texte, date et infos pour un et un seu billet */
h2.post-title
{
	margin:0em;
	padding:0em;
	color:rgb(116,114,5);
	font-size:1.1em;
	font-weight:bold;
	
}
a.post-title
{
color:rgb(115,115,1);
}
div.post-content, div.post-chapo, div#trackbacks, div#comments { font-size : 0.8em; }
div.date-news { /* Date affich?au dessus du titre */
	background :  #f5f5f5;
	height : 20px;
	margin : 1em 0 0.2em 0;
	border-top : 1px solid #cdcdcd;
	border-bottom : 1px solid #cdcdcd;
	font-size : 0.8em;
}
div.date-news p {
	margin : 0;
	font-weight : bold;
	line-height : 20px;
	color : #c4c4c4;
	text-indent : 20px;
}

p.infos-news { /* Infos sur le billet affichés en dessous du titre du billet, correspont au pseudo de l'auteur et la date de publication du billet */
	/*text-align : right;*/
	border-top: 1px solid rgb(211,199,211);
	font-size : 0.7em;
	/*font-style : italic;*/
	color:rgb(133,29,104);
	margin : 0.2em 0;
	letter-spacing : 1px;
}

div.post-chapo p { margin : 0.5em 0; } /* Correspont ?l'eventuel intro du billet */
p.read-it a { /* Liens "Lire la suite" si le billet contient une intro */
	color : #676767;
	font-weight : bold;
	text-decoration: underline;
}

blockquote {
	margin : 0em 0em 1em 1em;
	padding : 0.5em 0.5em 0.5em 1em;	
	/*border : 1px solid #f1d2b5;*/
	/*border-left : 10px solid #f1d2b5;*/
	/*background-color : #fbfbf7;*/
	/*color : #f8f8f8;*/
	color:black;
	font-family : Verdana;
	width:44em;
}

blockquote cite { /* Correspont au nom, pseudo de l'auteur d'une citation, se met forcément dans une citation blockquote */
	margin : 1em 0 0 0;
	text-align : right;
	font-size : 0.8em;
	letter-spacing : 1px;
	color : #aeaeae;
	font-style : italic;
}

p.info-co { /* Infos sur les commentaireset rétroliens ?la fin de chaque billet */
	/*text-align : right;*/
	font-size : 0.7em;
	color:rgb(133,29,104);
	/*font-style : italic;*/
}

p.info-co a {
	color : black;
	text-decoration : none;
	font-weight : normal;
	padding : 0.3em;
}

hr { /* Séparateur de contenu */
	margin : 0em;
	padding:0em;
	border : 1px solid rgb(211,199,211);
}

.footnotes p { font-size : 0.8em; }

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*    ******** ASPECT COMMENTAIRES  *********  */

span.comment-info { /* Zone d'info du commentaire avant le commentaire lui même. Se rapporte ?la date, ?l'auteur etc.*/
	font-size : 1.2em;
	color : #aeaeae;
	letter-spacing : 1px;
}

span.comment-number { /* Numéro du commentaire */
	font-weight : bold ;
	font-family : "Trebuchet MS", Verdana;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*  ********** ASPECT FORMULAIRE  ******** */
form {
	padding : 0em;
	margin : 0;
}

fieldset { border : 1px solid #e6a47a; }

label {
	display : block;
	letter-spacing : 1px;
	font-size : 0.9em;
	/*color : #696969;*/
	color:rgb(137,137,137);
}

div.form-info { /* Correspont au bloc du formulaire servant pour le pseudo/email et site web = info donn?par le visiteur ?chaque formulaire */
	float : left;
	margin : 0.8em 0.8em 2em 0.8em;
}

div.form-info input { width : 25em; }
div.form-info input , textarea, {
	/*border : 1px solid #f1d2b5;
	background : #f9eedf;
	color : #696969;*/
	border : 1px solid rgb(203,203,203);
	color:rgb(137,137,137);
}

div.form-text { /* Correspont au bloc du formulaire servant pour le message ou commentaire en lui même = bloc textarea message */
	margin : 0.5em 0.5em 2em 0.5em;
	float : right;
}

textarea { height : 135px; }
fieldset.form-info { /* Bloc du formulaire contenant le bouton de validation/d'envoie du fomulaire */
	border : 2px solid rgb(203,203,203);
	color:rgb(137,137,137);
	text-align : left;
	padding : 0.5em;
	clear : both;
	width:45em;
}

p.form-help { clear : both; width:45em;} /* Bloc de texte au mileu du formulaire =  Info sur la prise en compte du code dans les messages postés */
fieldset.form-end { /* Bloc du formulaire contenant le bouton de validation/d'envoie du fomulaire */
	border : 2px solid rgb(203,203,203);
	color:rgb(137,137,137);
	text-align : left;
	padding : 0.5em;
	clear : both;
	width:45em;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*    ******** IMPORT CLASSES.CSS POUR CLASSES COMMUNES *********  */


a img { border : none; }

/* Bloc flottant, que ce soit pour placer les images dans les articles, les textes, ou stopp?un bloc flottant etc. */
.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; 
} 
.flottant-gauche { float : left; margin : 0.3em; }
.flottant-droit { float : right; margin : 0.3em; }
.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; }