/*

 ****   DESIGN POUR WOOK.fr ****
 
 ** Dernières modifs le :  18/11 à 23h00, par Neoxx78
 Thème : Isov2 initialement codé pour le site et forum Isotop.info 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 *****
 
*/
body {
	padding : 0;
	margin : 0;
	background : url('fond.gif') top left repeat-x;
	font-family : 'Trebuchet MS', Arial;
}

div#top {
	background : url('img/header-fond.gif') top left repeat-x;
	height : 140px;
}

div#header {
	margin : 0 auto;
	width : 800px;
	height : 140px;
	background : url('img/header-apoticaria.jpg') top left no-repeat;
}

div#header h1 {
	text-indent : 0px;
	padding-top : 20px;
	padding-left : 10px;
	font-size : 2.1em; 
	color : #EE760A;
	font-weight : bold;
	font-family : 'Trebuchet MS', Verdana, Arial, Times;
}

div#onglet {
	padding-left : 25%;
	background : url('img/onglet-fond.gif') bottom left repeat-x;
	height : 50px;
}

div#onglet ul {
	list-style-type : none;
	list-style-image : none;
	text-align : center;
	margin : 0;
}

div#onglet li {
	float : left;
	margin : 0 0.5em;
	padding : 0;
	width : 100px;
	height : 28px;
	background : url('img/onglet.gif') top left no-repeat;
}

div#onglet li {
	font-weight : bold;
	font-family : Arial, Verdana;
	line-height : 28px;
	color : #64bb61;
	font-size : 0.7em;
	letter-spacing : 1px;
	text-transform : uppercase;
}

div#page {
	margin : 0 auto;
	padding : 3.5em 0.5em 0.5em 0.5em;
	width : 800px;
}

#sidebar {
	float : right;
	text-align : right;
	width : 180px;

}

#sidebar h2 {
	font-size : 1em;
	font-family : 'Trebuchet MS';
	font-variant : small-caps;
	border-bottom : 1px solid #64bb61;
	color : #65bd6e;
	padding : 0.2em;
	border-top : none;
	margin-top : 0;
}

#sidebar ul { list-style-type : none; }
#sidebar a {	
	display : block;
	width : 120px;
	padding : 0.5em;
	border-bottom : 1px solid #d6d6d6;
	color : #aeaeae; 
	font-size : 0.7em;
}

#sidebar a:hover {
	color : #e9af51; 
	border-bottom : 1px solid #e9af51;
}
#sidebar p { font-size : 0.7em; }
#sidebar cite { font-weight : bold; }
#sidebar p.field { margin :  0.8em 0; }
#sidebar object { margin : 0; }

#main { padding-right : 200px; }

p#credit {
	font-size : 1em;
	font-family : 'Trebuchet MS';
	text-transform : lowercase;
	text-align : center;
	clear : both;
	margin : 1em 0 1em 0;
}

div#footer {
	background : #ffffff;
	border-top : 1px solid #d6d6d6;
	margin : 0 auto;
	height : 1px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*         LIENS         */

a {
	color : #65bd6e;
	font-weight : bold;
	text-decoration : none;
}

a img {
	border : none;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*         FORMATAGE DES NEWS, DES COMMENTAIRES, DU FORMULAIRE        */

div.post-content p img {
	float : right;
	margin : 0.5em;
}

div.post-content div img {
	display : block;
	text-align : center;
}



p.day-date {
	text-align : right;
	float : right;
	margin : 0;
	color : #e9af51;
	font-variant : small-caps;
	font-size : 0.9em;
}

p.post-info {
	text-align : right;
	color : #aeaeae;
	margin : 0.3em 0;
	font-size : 0.7em;
	font-style : italic;
	letter-spacing : 1px;
}

.read-it {
	color : #e9af51;
	font-weight : bold;
	text-indent : 20px;
	text-decoration : underline;
	padding : 0.5em;
	font-size : 1.1em;
}

div.post-chapo p {
	background : #f7f7f7;
	border : 1px solid #e9af51;
	border-left : 5px solid #e9af51;
	margin : 1em 0;
	color :#e9af51;
	padding : 1.5em;
	font-style : italic;
	font-weight : bold;
}

p.post-info-co { text-align : right; }

p.post-info-co a {
	font-size : 0.7em;
	font-style : italic;
	font-weight : normal;
	color : #aeaeae;
	letter-spacing : 1px;
	padding : 0.3em;
}

.mid { text-align : center; }
object { margin : 1em 2em; }

p.comment-info {
	font-size : 1em;
	color : #aeaeae;
}

#comments blockquote {
	border : 1px solid #65bd6e;
	border-left : 5px solid #65bd6e;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*         FORMATAGE ET BALISE DE CONTENU         */

p, #content ul {
	font-size : 0.8em;
	color :#6b6b6b;
}

#content ul {
	list-style-type : square;
}

h1 {
	text-align : left;
	color : #EE760A;
	margin : 0  0 1em 0;
	font-weight : bold;
	font-family : 'Trebuchet MS', Verdana;
	font-variant : small-caps;
	font-size : 1.7em;
	font-style : italic;
}
h2 {
	font-family : 'Trebuchet MS', Verdana;
	font-size : 1.3em;
	color : #65bd6e;
	margin : 0;
	border-bottom : 1px dotted #65bd6e;
	letter-spacing : 1px;
}

h3 {
	font-size : 1.1em;
	border-left : 4px solid #65bd6e;
	color : #65bd6e;
	margin-left : 40px;
	text-indent : 10px;
}

blockquote {
	background : #f7f7f7;
	border : 1px solid #e9af51;
	border-left : 5px solid #e9af51;
	margin : 1em 0 1em 3em;
	color :#e9af51;
	padding : 1.5em;
	font-style : italic;
	font-weight : bold;
}

object {
	margin : auto;
}

/* ------------------------------------------------------------ */
#comment-form {
	font-size : 0.9em;
	margin : 1em 0;
}

p.field {
	margin : 0.2em 0;
}

p.field label {
	width : 140px;
	float : left;
	text-align : right;
}

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

#comment-form fieldset {
	text-align : center;
	border : none;
	padding : 1em;
}

#comment-form input.preview, #comment-form input.submit {
	background : none;
	text-transform : uppercase;
	color : #f2c148;
	font-weight : bold;
	border : none;
	padding : 0.5em;
	font-family : 'Trebuchet MS';
	font-size : 1.1em;
}

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

/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/*    ******** 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; }