/* 
 * BBS Consultant
 * Ce template a été réalisé par http://www.bbs-consultant.com
 * Il est soumis à la licence GPL
 * Ce fichier définit le style visuel pour les différents éléments des pages.
 */
/* BODY & PAGE UTILE
------------------------------------------------------------------------------------------------- */
body {padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background: #EEEEEE;}
#page {width: 1024px; position: relative; overflow: visible; margin: 0 auto; padding: 0; text-align: left; background:#FFFFFF;}

/* ZONE ENTETE
------------------------------------------------------------------------------------------------- */
#entete 	{float: left; width: 1024px; height: 190px;	margin: 0; Background:url(images/fond_entete.jpg) no-repeat;}
.logo 		{position:absolute;	top:30px; left:30px; font-size:1.3em; color:#FFFFFF;}

/* ZONE COMPTE THELIA
------------------------------------------------------------------------------------------------- */
#zone_compte {float: left; width: 1024px; height:33px; margin: 0; padding: 0; background:#87E990 url(images/fond_zone_compte.jpg) no-repeat;}
#titrecompte {float:left; font-size: 1.1em; margin:0; padding:8px 0 0 20px; font-size: 0.8em; color:#18391E;} 

#zone_compte a:link		{color:#18391E;}
#zone_compte a:visited  {color:#18391E;} 
#zone_compte a:hover  	{color:#F99D41;}
#zone_compte a:active	{color:#FF7F00;}

#zone_fleurie{float: left; width: 1024px; height:38px; background:#000000 url(images/fond_zone_fleurie.jpg) no-repeat;}

/* ZONE CONTENU DYNAMIQUE
------------------------------------------------------------------------------------------------- */
#contenu {clear:both;}

/* ZONE SOMMAIRE
------------------------------------------------------------------------------------------------- */
#sommaire {float:left; width:170px; margin:0; padding:0; background:url(images/fond_sommaire.jpg) no-repeat;}
#menu {padding:20px 0 0 0; margin:0; text-align:right;}
#menu a:link	{color:#18391E;} 
#menu a:visited {color:#9E9E9E;}
#menu a:hover	{color:#F99D41;} 
#menu a:active	{color:#FF7F00;}

dl{margin: 0; padding: 0;}
dt {padding: 4px 19px 4px 0; background:url(images/fond_dt.jpg) 0 0 no-repeat; font-size: 0.9em; color: #FFFFFF; letter-spacing:2px;}
dd {font-size: 0.88em; line-height:1.4em; padding-right:21px;}

/* ZONE CENTRALE
------------------------------------------------------------------------------------------------- */
#zone_centrale {float:left; width:674px; margin:0; padding:0; background:url(images/fond_zone_centrale.jpg) repeat-y;}
#haut_page {height:75px; background: url(images/fond_haut_page.jpg) no-repeat; text-align:center;}

h1	{display:inline; font-size: 1.2em; line-height:1.8em; font-weight:normal; color:#303030;}
h2	{font-size: 0.8em; font-weight:normal; color:#18391E; padding:0 30px 0 30px;}
h3	{text-align:left;	font-size: 1.0em; font-weight:normal; margin:0; padding:0;}
h4	{text-align:center; font-size: 0.9em; font-weight:bold; margin:0; padding:0;}

/* APPARENCE DU HR ET NAVIGATEURS
Mozilla et Netscape: hr = une ligne de 1px de haut + une bordure de 1px
Internet Explorer : hr = une ligne de 1px de haut
Opéra et Safari : hr = une bordure de 2px
------------------------------------------------------------------------------------------------- */
hr {clear: both; width: 10%; 
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #FFFFFF solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	}

#zone_thelia  {padding:40px 30px 0px 43px;}
#zone_thelia a:link		{color:#FFFFFF; text-decoration:none;}	
#zone_thelia a:visited	{color:#FFFFFF; text-decoration:none;}	
#zone_thelia a:hover	{color:#FFFFFF; text-decoration:underline;}	
#zone_thelia a:active	{color:#7AA321; text-decoration:none;}	
.article_thelia {float: left; display: block; width:180px; margin:8px; font-size:0.9em; text-align:center; color: #575B44;}	
.produit 	 {width:180px; height:32px; padding:2px 5px 2px 0; background: url(images/fond_produit.jpg) repeat-y;}	
.photo 		 {width:180px; height:188px; background:url(images/fond_photo.jpg) repeat-y;}
.description {width:180px; height:88px; background:url(images/fond_description.jpg) 0 0 no-repeat; font-size: 0.9em;}

#zone_articles			{padding:0px 30px 0px 20px; clear: both;}
#zone_articles a:link 	{color:#89B511;}
#zone_articles a:visited{color:#9E9E9E;}
#zone_articles a:hover	{color:#F99D41;}
#zone_articles a:active	{color:#FF7F00;}
#zone_articles ul 		{list-style-type:none;}
.invisible	{display:none;}
.surtitre	{font-size: 0.9em; color:#7AA321; font-variant:small-caps;} 
.soustitre	{font-size: 0.9em; color:#F99D41; font-style:italic;}
.chapo		{font-size: 0.9em;}
.date		{text-align:right; font-size: 0.7em; color:#9E9E9E;}
.facebook	{font-size: 0.8em; color:#9E9E9E;}
strong   {font-weight:normal; padding:0 5px 0 5px;}


#bas_page {text-align:center; font-size: 0.8em; color:#9E9E9E; padding:0px 42px 20px 46px;}

/* ZONE LATERALE
------------------------------------------------------------------------------------------------- */
#zone_laterale {float:left; width:180px;}
#zone_laterale a:link 	{font-size: 0.8em; color:#18391E;}
#zone_laterale a:visited{font-size: 0.8em; color:#18391E;}
#zone_laterale a:hover	{font-size: 0.8em; color:#F99D41;} 
#zone_laterale a:active	{font-size: 0.8em; color:#FF7F00;}
#outils	{margin:20px 0 0 8px;}

h5	{text-align:left; font-size: 0.9em; font-weight:bold; color:#7AA321; margin:10px 0 0 0; padding:0;}
ol {list-style-type:none; margin:0 0 20px 15px; padding:0;}

.contact {font-size: 0.8em; color:#F99D41;}

/* ZONE PIED DE PAGE
------------------------------------------------------------------------------------------------- */
#pied {clear:both; width:1024px; height:40px;}	
#signature {text-align:center; padding-top:10px; background: #FFFFFF url(images/fond_pied.jpg) no-repeat;}	
#signature p {font-size: 0.8em; color:#9E9E9E;}