/***************************
			RESET			
****************************/

html, body, div, span, applet, object, iframe, 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, strong, 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-size:100%; font-family:inherit; vertical-align:baseline; background-image:transparent;}

:focus {outline:0; }
body {line-height:1; color:black; background:white; }
ol, ul { list-style:none;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/***************************
			GENERAL			
****************************/

html,body { margin:0; padding:0; min-height:100%;}
body {background:#eee url(images/body-fd.gif) left top repeat-y;}

/***************************
			TYPO			
****************************/
html {font-size:100%;}
body {font:75% Arial, Helvetica, sans-serif; color:#666666;}
p {font:1em Georgia, "Times New Roman", Times, serif; padding-bottom:0.5em;}
h1, h2, h3 {color:#333333;}
h1 {font-size:2em; text-indent:-9999px;}
h2 {font-size:1.8em; padding:0.1em; padding-bottom:0.15em; margin-bottom:.2em; color:#990000; border:1px solid #ccc; border-width:3px 0 1px; text-transform:uppercase; letter-spacing:0.2em; background:#eee;}
h3 {font:1.6em Arial, Helvetica, sans-serif}
h4 {font:1.2em Arial, Helvetica, sans-serif}
cite {font:0.8em Verdana, Arial, Helvetica, sans-serif; font-style:italic;}
	cite:before {content:"[ ";}
	cite:after {content:" ]";}
a:link, a:visited, a:active {color:#990000;}
a:hover {text-decoration:none;}
dt {font-size:1.5em; margin:0.2em 0; padding-top:0.2em;}
dd {font:1em Georgia, "Times New Roman", Times, serif;}
strong {font-weight:bold;}

#ours {font-size:0.8em;}

/***************************
			#DIV			
****************************/
#contenu {margin-left:140px; padding-bottom:0; /* Height of the footer */ overflow:auto; margin-bottom:30px; width:620px;}
	#enseigne {width:620px; height:70px; margin:170px 0 15px; background:url(images/hot-schott_logo.png) top left no-repeat;}
	#navigation {position:absolute; left:140px; top:0; width:620px; height:160px;}
	#permanent {float:left; width:200px;}
	#actualites {float:right; width:410px; overflow:hidden;}
	#articles {float:right; width:410px;}
#ours {clear:both; margin-left:140px; margin-bottom:20px; width:620px; height:auto; border-top:3px solid #CCC; overflow:auto;}

* html div#contenu { height:100%; /* Fix IE 5.5, 6 and 7 */}

/***************************
		#NAVIGATION			
****************************/
#navigation ul {margin-top:10px;}
#navigation li { display:inline;}
#navigation li a { float:left; display:block; width:200px; height:140px; margin-right:10px; text-indent:-9999px;}
#navigation li a:hover {background-position:bottom;}
li#schott-store a{margin-right:0;}
li#schott-collection a {background:url(images/nav-collection.jpg) top no-repeat;}
li#schott-boutiques a {background:url(images/nav-boutiques.jpg) top no-repeat;}
li#schott-europe a {background:url(images/nav-europe.jpg) top no-repeat;}
li#schott-store a {background:url(images/nav-store.jpg) top no-repeat;}

/***************************
		#ENSEIGNE			
****************************/
p.description {text-indent:-9999px;}
#enseigne a {display:block; width:620px; height:70px;}

/***************************
		#PERMANENT			
****************************/
#permanent h2 {margin-bottom:0;}
#permanent ul {margin-bottom:10px;}
#permanent li a {display:block; width:190px; height:auto; background:transparent; border-bottom:1px solid #CCC; padding:5px;}
#permanent li a {font-size:1.2em; color:#666; text-decoration:none; letter-spacing:-0.05em; text-transform:uppercase; font-weight:bold;}
	#permanent li a:hover {background:#eee;}

/***************************
		#ACTUALITES			
****************************/
#actualites h3 { padding-left:60px; padding-bottom:0.3em; border-bottom:1px dotted #CCC; margin:0.3em 0;}
#actualites ol li{ display:block; margin-bottom:.5em; overflow:auto;}
#actualites ul {padding-bottom:5px; border-bottom:2px solid #CCC; overflow:auto;}
#actualites img {float:left; display:inline; margin-right:5px; padding:4px; border:1px solid #CCC}
#actualites a {font-size:1em; color:#990000; padding-left:16px;}
	a.voir {background:url(images/fleche.gif) 0 70% no-repeat;}
	a.retour {background:url(images/cite.gif) 0 70% no-repeat;}
	p.date {float:left; margin-top:-2.8em; font:0.8em Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.1em;}
	p.date:before {content:"> ";}
	p.chapeau {font-size:1.2em; margin-bottom:0.5em; padding-bottom:.5em; border-bottom:1px solid #CCC;}


/***************************
		#ARTICLES			
****************************/
#articles h3 {padding-bottom:0.3em; margin:0.6em 0;}
#articles h3 > p:first-letter { float:left; padding-right:.1em; padding-top:.2em; font:2.4em Georgia, "Times New Roman", Times, serif;}
#articles p {margin-bottom:1em;}
#articles img { float:left; margin-right:.5em;}
#articles dd { margin-bottom:.5em; overflow:auto;}

/***************************
		#FOOTER			
****************************/
#ours ul {float:left; width:200px; padding-top:10px; color:#999999;}
	#ours ul li {padding-left:15px;}
#ours h4 { padding-bottom:5px; margin-left:-5px; font-style:italic;}
ul#renvois, ul#hotschott {margin-left:9px; border-left:1px solid #CCC;}