/*		Styles ideesmaison.com
Crédits :	www.positioniseverything.net
		www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml
		www.alistapart.com/articles/taminglists
		www.simplebits.com/bits/minitabs.html  */

html, body
{
	background-color : white;
	font-family : Verdana, Arial, helvetica, Sans-Serif;
	color : #003464;
	font-size : 10pt;
	margin: 0;
	padding:0;
}

a:hover{color:#EC9000}

h1, h2, h3 {
	font-weight : bold;
	color : #0057A8;
}

h1 {
	margin: 10px 0 0 2pt;
	font-size : 20pt;
}
h2 {
	font-size : 14pt;
}

h3{
	font-size : 11pt;
}

h4 {
	font-weight : bold;
	color : #00509A;
	border-bottom: 2px solid #D6D8B8;
	font-size : 10pt;
}
h5 {
	color : #00509A;
}
h6 {
	font-weight : normal;
	font-size : 8pt; 
}

p, th, td, em, ul, li {
	font-family : Verdana, Arial, helvetica, Sans-Serif;
	color : #003464;
	font-size : 10pt;
}

.p /* petit */
{
font-family : Arial, helvetica, Sans-Serif;
color : #003464;
font-size : 8pt;
}

pre, .pre {
font-family : Times, Serif;
font-style: italic;
font-size : 11pt;
}

/* -- haut page -- */
#slogan {
	padding: 3 0 0 490px;  /* top right bottom left */
	width: 100%;
	height:30px;
	color: #000000;
	background : #FFFFFF;
}

#entete {
background : #FFFFFF;
position:absolute; left:0; top:0;
}

/* -- menus haut, médian, bas -- */
#menu { /* div */
position:relative;
padding: 0;
 background : #FFFFFF; 
}

#menu table {
border-collapse: collapse;
width: 760px;
}
#menu td {
margin:0;
padding: 0;
}

#menuh ul, #menum ul, #menul ul {
list-style: none;
}

#menuh li, #menum li, #menul li {
float: right;
display: block;
}

#menuh li { line-height: 32px; }
#menum li { line-height: 26px; }
#menul li { line-height: 20px; }

#menuh a, #menum a, #menul a {
text-decoration: none;
padding-left: 10px
}
#menuh a {
background:  url(menu2hg.png)  left top no-repeat;
}
#menum a {
background:  url(menu2mg.png)  left top no-repeat;
}
#menul a {
background:  url(menu2lg.png)  left top no-repeat;
}

#menuh a span, #menum a span, #menul a span {
font-family : Arial, helvetica, Sans-Serif;
font-weight: bold; 
color : #003464;
text-decoration: none;	
padding-right: 11px
}
#menuh a span {
background:  url(menu2hd.png)  right top no-repeat;
font-size : 8pt;
}
#menum a span {
background:  url(menu2md.gif)  right top no-repeat;
font-size : 8pt;
}
#menul a span {
background:  url(menu2ld.png)  right top no-repeat;
font-weight: normal; 
font-size : 8pt;
}
#menuh a, #menuh a span, #menum a, #menum a span, #menul a, #menul a span {
display: block;
float: right
}
/* IE5-Mac \*/
#menuh a, #menuh a span, #menum a, #menum a span, #menul a, #menul a span {
float: none
}

#menuh a:hover, #menum a:hover, #menul a:hover {
padding-left: 10px;
}
#menuh a:hover {
background:  url(menu2hg.png)  no-repeat left -32px;
}
#menum a:hover {
background:  url(menu2mg.png)  no-repeat left -26px;
}
#menul a:hover {
background:  url(menu2lg.png)  no-repeat left -20px;
}

#menuh a:hover span, #menum a:hover span, #menul a:hover span {
text-decoration: underline;
padding-right: 10px;
}
#menuh a:hover span {
background:  url(menu2hd.png)  no-repeat right -32px;
}
#menum a:hover span {
background:  url(menu2md.gif)  no-repeat right -26px;
}
#menul a:hover span {
background:  url(menu2ld.png)  no-repeat right -20px;
}

#menuh li#on a, #menum li#on a, #menul li#on a {
text-decoration: underline; /* interprété par mozilla, safari, firefox */
padding-left: 15px
}
#menuh li#on a { /* mozilla et safari NOK */
background:  url(menu2hg.png)  no-repeat left -64px;
}
#menum li#on a {
background:  url(menu2mg.png)  no-repeat left -52px;
}
#menul li#on a {
background:  url(menu2lg.png)  no-repeat left -40px;
}
#menuh li#on a span { /* mozilla NOK, safari OK */
background:  url(menu2hd.png)  no-repeat right -64px;
padding-right: 10px
}
#menum li#on a span {
background:  url(menu2md.gif) no-repeat right -52px;
padding-right: 10px
}
#menul li#on a span {
background:  url(menu2ld.png)  no-repeat right -40px;
padding-right: 10px
}

#entete {
	margin: 0;
	padding: 0; 
	height: 60px;
} 

/* -- enveloppe de zone texte & menu gauche -- */
#container {
	position:relative; 
	width: 750px; 
	margin: 0;
	padding: 0; 
	/* fausses colonnes */
	background:  url(menuLeftdivbk.png)  repeat-y -2px 40px;  
}

/* -- menu gauche -- */
#margauche {
	float: left;
	width: 140px; 
	color: #000; 
 }

#margauche a:link, #margauche a:visited {color: #233622; text-decoration: underline; }

/* -- texte ppal -- */
#zonetext {
	float: right;
	margin-left: 3px;
	width: 600px;
	padding: 0; 
	color: #233622;
	z-index: 2;
}

html>body #zonetext {margin-left: 6px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

#zonetext p {
	text-align:justify;
}

/* tableaux par défaut ds zone texte */
#zonetext table {
border-collapse: collapse;
}
#zonetext td, #zonetext th {
	/*border: 1px solid #DDEC60;*/
	border: 1px solid #FFFFFF;
	margin: 0;
	padding:2;
	/*background-color : #FBFEEA; */
	background-color : #FFFFFF; 
}
#zonetext td, #zonetext td p {
	text-align:left;
}

/* tableaux transparents */
#zonetext table.transp td, #zonetext table.transp th  {
	border : 0px;
	background-color : white;
	margin: 0;
	padding: 1;
}

#pied {
	position:relative;
	text-align :center;
	margin: 0;
	padding: 0;
	width: 765px;
	border-top: 1px solid #D6D8B8;
	border-bottom: 1px solid #D6D8B8;
	font-size: 8pt;
	line-height: 1.5em;
}

#pied a:link, #pied a:visited {color: #771464; }

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 1px; }

/* -- sous-menu supplémentaire -- */
#minimenu {
	margin: 7px 0 0 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #D6D8B8;
	}

#minimenu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minimenu a {
	float: left;
	font-size: 10px;
	line-height: 14px;
	margin: 0 6px 4px 6px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #287ECE;
	}

#minimenu a.active, #minimenu a:hover {
	border-bottom: 4px solid #D6D8B8;
	padding-bottom: 2px;
	color: #287ECE;
	}

/* --- menu gauche -- */
.menugau { /* div */
	width: 138px;
	padding: 0px 0 100px 0; /* top right bottom left */
	margin-bottom: 1em;
	background:  (menuLeftdivbk.png) repeat-y left 4px; 
	}

.menugau1 {
	padding: 0px 0 20px 0;
}

.menugau h2  {
	margin: 0; 
	padding: 20px 0 0 0;
	background: white url(menugh1bk.png) left 10px no-repeat;
	line-height: 2px;
}
.menugau ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
.menugau li {
	margin: 0;
/*	culoarea liniei de separatie in meniul din stanga*/
	border-bottom: 1px solid #234567;
	}

.menugau li a {
	padding: 5px 2px 5px 28px;
	display: block; /* zone entierement cliquable, sauf IE */
	width: 100%;	/* zone entierement cliquable pour IE */
	background:  url(menuLeftbk.png) no-repeat left -26px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	color : #003464;
	text-decoration: none;
	font-size : 9pt;
	}

html>body .menugau li a {
	width: auto;	/* width 100% NOK pour Netscape & Mozilla */
	}

.menugau li a:hover {
	background:  url(menuLeftbk.png) no-repeat left -52px;
	}
.menugau li#active a, .menugau li#active a:hover {
	background: url(menuLeftbk.png) no-repeat left top;
	}

/* --- menu gauche avec icone (a class img) -- */
.menugau li#active a.img, .menugau li#active a.img:hover {
	background:  url(menugbkico.png) no-repeat left top;
	}

.menugau li a.img {
	background: url(menugbkico.png) no-repeat left -26px;
	padding: 0px 8px 0px 0px;
}
.menugau li a.img:hover {
	background:  url(menugbkico.png) no-repeat left -52px;
	}
.menugau li a.img img {
	border: none;
	vertical-align: middle;
	}


/* -- pubs -- */
#pubs {
	position: absolute;
	top: 140px;
	left: 790px;
	width: 140px;
	z-index: 0;
}

#pubs h2  {
	margin: 0;
	padding: 0;
	background: url(pubhbk.png) no-repeat;
	line-height: 14px;
}

#pubs h3, #pubs h3 a, #pubs h4 {
	margin: 1px 10px 1px 10px; 
	padding: 0; 
	border-top: 1px solid #003464;
	border-bottom: 1px solid #003464;
	font-family : Tahoma, Arial, helvetica, Sans-Serif;
	color: #003464;
	font-size: 12pt;
	text-align: center;
	background: #E0F0FF;
	font-weight : normal;
	text-decoration: none;
}
#pubs h4, #pubs h4 a  {
	color: #FFFFFF;
	margin: 1px 15px 1px 10px; 
	font-size: 8pt;
	border-top: none;
	background: transparent;
	text-decoration: none;
}

.pubTitre {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  color: #336699;
}
.fontText {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  margin-left:0px;
  padding-left:0px;
  line-height: 22px;
}
.fontHeader {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  color: #000000;
  margin-left:0px;
  padding-left:0px;
  line-height: 22px;
}
.pubURL {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #798bb5;
}
.pubFond {
  background: #B8D6F3;
  border: 1px solid;
  border-color: #336699;
  cursor:pointer; cursor:hand;
}
.promo {
 font-family: Arial, sans-serif;
 font-size: 10px;
 color: white;
 text-decoration: none;
}
.promoFond {
  background: #336699;
}

/* idmtip */
.tip {
	width: 160px;
	float:right;
	background:  (tipbk.png) repeat-y; 
	border-bottom: 1px solid #DFECA4;
	border-left: 10px solid white;
}
html>body .tip {
	width: 150px;	/* NN+Moz */
	}
.tip p, .tip a, .tip h2 {
	font-family : Arial, helvetica, Sans-Serif;
	font-size : 8pt;
	color:#003464;
	text-decoration: none;
	margin :0;
	text-align: left;
}
.tip h2 {
	background: white url(tip1bk.png) no-repeat;
	line-height: 20px;
	text-align: right;
	padding: 5px 10px 0 5px;
}
.tip p {
	text-align: left;
	padding: 10px 10px 10px 5px;
}
.tip A:hover{color:#EC9000;}
#stire font {
			 color:#000000; 
			 font-face:verdana, arial; 
			 font-size:10px;
}	
}