/*  
Theme Name: DianeTell
Original Theme Name: Prosumer
Orginal Theme URI: http://www.jauhari.net/themes/prosumer
Description: <p>Prosumer Theme is clean layout that build with 3 Columns Layout.</p><ul style="list-style:none;"><li>* Left and Right Sidebar</li><li>* Widget Ready</li><li>* Change About text via Admin Profile</li><li>* Custom Image Header</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/prosumer">Theme Page</a> for theme update and other related information.</p><p>The CSS, XHTML and design is released under a <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a></p>
Version: 1.7
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/
Tags: three-columns,fixed-width, orange, green,threaded-comments,right-sidebar,left-sidebar

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://www.jauhari.net/themes/prosumer
	Crafted on 06 June 2007
	Last Edit: 17 December 2008 05.16  +7 GMT

	The CSS, XHTML and design is released under a GPL:http://www.opensource.org/licenses/gpl-license.php

	
	Gris : 	color: #9e9e9e;
	Bleu :	color: #0e93cc;

*/

/* begin Page
--------------------------------------------------*/
* {
	margin : 0;
	padding : 0;
}

a, a:hover, active a , a:link  {
	color: #0e93cc;
	text-decoration : underline;
}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	text-align: center; 
}

img {
	border : 0 none;
}

table {
	width : 100%;
}

p {
	line-height: 1.6em;
	margin: 0.7em 0;
}

ul li {
color : #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
list-style:none;
}

ul li strong {
color : #FF0099;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}

.cleared {
    clear : both;
	height : 0;
	overflow : hidden;
}

/* wrapper
--------------------------------------------------*/
#wrapper {
     position: absolute;
     width: 960px;        /* selon la largeur voulue */
     margin-left: -480px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 616px;       /* selon la quantite de texte */
     margin-top: -308px;   /* moitie de height */
     top: 50%;            /* constant, toujours 50% */
     background-color: #FFFFFF;
}

/* left
--------------------------------------------------*/
#left {
	width:445px;
	height : 616px;
	text-align: left;
}

/* right
--------------------------------------------------*/
#right {
	background-image: url(http://www.dianetell.com/wp-content/themes/DianeTell/images/accueil_right.jpg);
	width:515px;
	height : 616px;
	text-align: left;
}

/* mouche milieu
--------------------------------------------------*/
#mouche-milieu {
	width:30px;
	height : 30px;
	margin-top: 330px;
	margin-left: 250px;
}

/* papier
--------------------------------------------------*/
#papier-icone {
	width:30px;
	height : 30px;
	margin-top: -300px;
	margin-left: 120px;	
}

#papier-texte {
	width:150px;
	height : 30px;
	margin-top: -11px;
	margin-left: 197px;	
}

/* mag
--------------------------------------------------*/
#mag-icone {
	width:30px;
	height : 30px;
	margin-top: 50px;
	margin-left: 0px;	
}

#mag-texte {
	width:110px;
	height : 30px;
	margin-top: 55px;
	margin-left: -10px;	
}

/* boite
--------------------------------------------------*/
#boite-icone {
	width:30px;
	height : 30px;
	margin-top: -120px;
	margin-left: 370px;	
}

#boite-texte {
	width:140px;
	height : 30px;
	margin-top: 45px;
	margin-left: 360px;	
}

/* mouche-aide
--------------------------------------------------*/
#mouche-aide {
	width:80px;
	height : 80px;
	margin-top: -200px;
	margin-left: 430px;	
}

/* acces
--------------------------------------------------*/
#acces {
	width:120px;
	height : 30px;
	margin-top: 360px;
	margin-left: 360px;	
}
/* news
--------------------------------------------------*/
#news {
	/*background-image: url(http://www.dianetell.com/wp-content/themes/DianeTell/images/accueil_news.jpg);*/
	width:500px;
	height : 70px;
	margin-top: 30px;
	margin-left: 10px;	
	border:#FF0099 1px dashed;
}