/* Fabrizio */
/***** RESET ALL *****/

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, 
td {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 font-weight: inherit;
	 font-style: inherit;
	 font-family:Arial, Helvetica, sans-serif;
	 vertical-align: baseline;
}
html {font-size: 85%;}
body {padding: 0 0 20px;color:#333; font-size:.8em; background:url(../images/bg.gif); background-repeat:repeat-x}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer; text-decoration:none} 
a:link {color:#9c907e} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}


/* LISTS */
ul 				{margin:3.5em 0 0 1.5em;list-style-type:none}
li 				{line-height: 1.4em;padding-left: 1.5em;background: transparent url("../images/sprites-2.gif") no-repeat 0 2px}

/* GENERAL */
img {border:none} 

/* LAYOUT - HEADER */
#header {padding-top:15px; width:91.5em}


/* LAYOUT - main body of page */
#wrap 			{width:91.5em; margin: 0 auto}
#titre 			{width:91.5em; padding-top:0.2em}
#content-wrap 	{float:left; position:relative;width:91.5em}
#content 		{float:left; padding-top:1.5em; font-size:1.2em;}

div.boxChoose			{z-index:99; float:left; background:url(../images/choose.jpg); width:410px;height:180px;}
* html div.boxChoose	{width:380px;}

div.boxChoose .next		{z-index:999; height:32px; left:361px; position:absolute; top:157px; width:32px;}



div.boxAbout			{float:left; background:url(../images/about.jpg); width:280px; height:180px; margin:0 0.9em}
div.boxAbout a:link 	{color:#9c907e} 
div.boxAbout a:hover 	{color:#ffffff} 

div.boxBioclimatic			{float:left; background: url(../images/bioclimatic.jpg); width:280px; height:180px}
div.boxBioclimatic .text	{ float:left; padding:3.5em 0 0 1.5em; color:#628fa3}

div.boxBioclimatic .next	{height:32px; width:32px; position:absolute;right:27px;top:158px}

		
/* LAYOUT - FOOTER */
#footer {clear:both; padding: 10px 0 30px;font-size:0.9em;color:#999}
#footer a:link {color:#999; text-decoration:none}
#footer a:hover {color:#ffb100; text-decoration:none}


.form_line		{ float:right; margin-right:30px; margin-top:58px; }
* html #test { left:330px;  }
* html #test2 { left:910px;  }