/* Styles for screen media */

/*
------------------------------------------------------------------------------------------------------------------------------------------------------

JL Style Sheet

Author:   

Version:  2009.03

www.jinglong-solar.fr

--------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body, div, p, td {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333; 
	cursor: default;
}

body{
	padding: 0; 
	margin: 0; 
	background: #fff url(../images/bodybg.gif) repeat-x left top; 
}


/* 
LINKS --------------------------------------------------------------------------------------------------------------------------------------------- */


a:link, a:active, a:visited {
	color: #c90; 
	text-decoration: none; 
}

a:hover {
	color: #000; 
	text-decoration: underline; 
}




/* 
COMMON -------------------------------------------------------------------------------------------------------------------------------------------- */


h1 { 
	display: none;
}

.upper { 
	text-transform: uppercase; 
}

.small { 
	font-size: 10px; 
}

.right { 
	text-align: right; 
}

img { 
	border: none; 
}

hr { 
  border: none; 
  border-top: 1px dotted #999; 
  background: none; 
  margin: 25px 0 0 0; 
}

.divider { 
	height: 1px; 
	width: auto; 
	margin: 7px 0; 
	padding: 0; 
	background: url(../images/bg_linelight.gif) repeat-x; 
	overflow: hidden; 
}

.divider2 { 
	height: 1px; 
	width: auto; 
	margin: 7px 0; 
	padding: 0; 
	background: #fff; 
	border-bottom: 1px dotted #f1e2b7; 
	overflow: hidden; 
}

table { 
	border: none; 
	border-width: 0px; 
	width: auto; 
	border-collapse: collapse; 
	margin: 20px 0 20px 0; 
}

td { 
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	padding: 5px 15px 5px 5px; 
	border-bottom: 1px solid #fff; 
}

td.dark { 
  background: #fdcc09; 
}

td.light { 
  background: #ffe293; 
}

td.light2 { 
  background: #fff6d2; 
}

td.map { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	padding: 5px 15px 5px 5px; 
	border-bottom: 1px solid #f1e2b7; 
	width: 27%; 
}

td.map2 { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	padding: 5px 15px 5px 5px; 
	border-bottom: 1px solid #f1e2b7; 
	width: 43%; 
}

td.mapdes { 
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	padding: 5px 15px 5px 5px; 
	border-bottom: 1px solid #f1e2b7; 
	width: 30%; 
}

#solar table { 
	border: none; 
	border-width: 0px; 
  width: auto; 
	border-collapse: collapse; 
	margin: 0 0 20px 0; 
}

#solar td { 
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	vertical-align: top; 
	padding: 5px 15px 5px 0; 
	border-bottom: 1px solid #f1e2b7; 
	width: auto; 
}

#container { 
	width: 760px; 
	position: relative; 
	margin: 0 auto; 
}



/*
HEAD AND NAVIGATION ------------------------------------------------------------------------------------------------------------------------------- */


#head{
	width: 100%; 
	height: auto; 
	padding: 0; 
	margin: 0; 
	background: transparent url(../images/headbg.jpg) no-repeat left top; 
}

#head .logo { 
	width: 460px;	
	height: 110px; 
	overflow: hidden; 
	display: block; 
	position: relative; 
}

#head .logo h1 { 
	display: block; 
	position: relative; 
	color: #c90; 
	font-weight: bold; 
	text-transform: uppercase; 
	font: 21px Arial, Helvetica, sans-serif; 
	padding: 23px 0 0 0; 
	margin: 0; 
}

#head .logo p { 
	font-weight: bold; 
	text-transform: uppercase; 
	font: 14px Arial, Helvetica, sans-serif; 
	padding: 0; 
	margin: 0; 
}

#head .logo a:hover { 
	color: #333; 
	text-decoration: none; 
}

#head .logo span { 
	background: transparent url(../images/logo.gif) no-repeat top; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 460px;	
	height: 126px; 
	display: block; 
}

#head #menu { 
	width: 760px; 
	height: auto; 
	margin: 0; 
	padding: 5px 0 0 0; 
	line-height: 25px; 
	position: relative; 
	background: transparent; 
}

* html #head #menu { 
	width: 760px; 
	height: auto; 
	margin: 0; 
	padding: 1px 0 0 0; 
	line-height: 25px; 
	position: relative; 
	background: transparent; 
}

#head #menu li, #head #menu li a { 
	display: inline; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 25px; 
}

* html #head #menu li, * html #head #menu li a { 
	display: inline; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 32px; 
}

#head #menu li a { 
	padding: 10px 8px 10px 8px; 
}

#head #menu li a:hover { 
	color: #fff; 
	text-decoration: none; 
	line-height: 25px; 
	padding: 9px 8px 9px 8px; 
	background: #c90 url(../images/navbg.gif) repeat-x left top; 
}

#head #menu li a.active { 
	color: #fff; 
	background: #c90 url(../images/navbg.gif) repeat-x left top; 
	line-height: 25px; 
	padding: 9px 8px 9px 8px; 
	cursor: default; 
}

#subholder { 
	float: right; 
	width: 250px; 
	top: 0; 
	text-align: right; 
}

#head #submenu { 
	float: right; 
	height: auto; 
	margin: 0; 
	padding: 15px 5px 5px 5px; 
}

#head #submenu li, #head #submenu li a { 
	display: inline; 
	font-size: 10px; 
	text-align: right; 
	padding-left: 5px; 
	color: #666; 
}

#head #submenu li a:hover { 
	color: #c90; 
}

#head #submenu li a.active { 
	color: #c90; 
	cursor: default; 
}

#head #submenu li a.active:hover { 
	text-decoration: none; 
}

#head #submenu li#chin a { 
	display: inline; 
	font-size: 10px; 
	text-align: right; 
	padding-left: 5px; 
	color: #666; 
	width: 22px; 
	height: 13px; 
	background: transparent url(../images/chin_off.gif) no-repeat bottom;
}

#head #submenu li#chin a:hover { 
	background: transparent url(../images/chin_on.gif) no-repeat bottom;
}

#head #banner- { 
	position: relative; 
	width: 760px; 
	height: 140px; 
	background: transparent url(../images/banner.jpg) no-repeat top; 
}

#head #path { 
  position: absolute; 
  top: 296px; 
  margin: 0; 
  padding: 0; 
}

#head #path p { 
  font-size: 10px; 
  color: #666; 
  line-height: 100%; 
  margin: 0; 
  padding: 0; 
}




/*
MAINCONTENT --------------------------------------------------------------------------------------------------------------------------------------- */


#content { 
	width: 100%; 
	position: relative; 
	float: left; 
}

#imprint #content { 
  background: transparent url(../images/imprintbg.jpg) no-repeat top right;
}

#webinfo #content { 
  background: transparent url(../images/sourcebg.jpg) no-repeat top right;
}

#content .indexbox { 
  width: 225px; 
  margin: 15px 40px 35px 0; 
  position: relative; 
  float: left; 
}

#content .indexboxright { 
  width: 225px; 
  margin: 15px 0 35px 0; 
  position: relative; 
  float: left; 
}

#content .mainbox { 
	width: 760px; 
	height: 175px; 
	padding: 5px 0 15px 0; 
	position: relative; 
}

#content .main { 
	float: left; 
	width: 500px; 
	padding: 0 0 45px 0; 
	position: relative; 
}

#content .main h2, #content h2 { 
	font-size: 20px; 
	font-weight: normal; 
	margin: 9px 0; 
	padding: 0; 
	color: #c90; 
	clear: both; 
}

#content .main h2.space { 
	margin: 25px 0 0 0; 
}

#content .main h3, #content h3 { 
	font-size: 12px; 
	font-weight: bold; 
	margin: 1.5em 0 0 0; 
	padding: 0; 
}

#content .main h3.overview, #content h3.overview { 
	font-size: 16px; 
	font-weight: normal; 
	margin: 1.5em 0 .5em 0; 
	padding: 5px 0; 
	background: url(../images/bg_linedark.gif) repeat-x left bottom; 
}

#content .main h4 { 
	font-size: 12px; 
	margin: 25px 0 0 0; 
	padding: 0; 
}

#solarindex #content .main h4 { 
	margin: 25px 0 0 63px; 
}

#content .main p, #content p { 
	margin: 0; 
	line-height: 130%; 
	padding: .5em 12px 0 0; 
}


#solarindex #content .main p { 
	margin: 0 0 0 63px; 
	line-height: 130%; 
	padding: .5em 12px 0 0; 
}

#content .main p.right { 
	text-align: right; 
}

#content .main ul li { 
	font-size: 11px; 
	background: transparent url(../images/listpoint.gif) no-repeat left 4px; 
	list-style-type: none; 
	list-style-position: outside; 
	padding: .5em 0 .5em 19px; 
	line-height: 130%; 
}

#content .main ul { 
	margin: 0; 
	padding: 0; 
}

* html #content .main ul li { 
	font-size: 11px; 
	background: none; 
	list-style-type: circle; 
	list-style-position: outside; 
	padding: .5em 0 .5em 5px; 
	line-height: 130%; 
}

* html #content .main ul { 
	margin: 0; 
	padding: 0 0 0 35px; 
}

#content .main ul.none li { 
	font-size: 11px; 
	background: none; 
	list-style-type: square; 
	list-style-position: outside; 
	padding: 0 0 0 5px; 
	margin-left: 50px; 
	line-height: 130%; 
}

#content .main ul.none { 
	margin: 0; 
	padding: 0; 
}

#content .main .leftimg, #content .leftimg { 
	float: left; 
	margin: 0 10px 0 0; 
}

#content .main .leftimg2 { 
	float: left; 
	margin: .5em 10px 0 0; 
	padding: 5px; 
	border: 1px solid #f1e2b7; 
}
	
#content .leftimg2 { 
	float: left; 
	margin: 5px 23px 0 0; 
	padding: 5px; 
	border: 1px solid #f1e2b7; 
}

#content .main .rightimg, #content .rightimg { 
	float: right; 
	margin: 0 0 0 5px; 
}

#content .main .rightimg2, #content .rightimg2 { 
	float: right; 
	margin: .5em 0 0 15px; 
	padding: 5px; 
	border: 1px solid #f1e2b7; 
}

#home #content .rightimg2 { 
	float: right; 
	margin: .5em 18px 0 15px; 
	padding: 5px; 
	border: 1px solid #f1e2b7; 
}

#content .main .important { 
	font-weight: bold; 
	color: #c92e00; 
	text-transform: uppercase; 
}

#content .main .stelle { 
	font-weight: normal; 
	font-size: 18px; 
	line-height: 150%; 
	color: #c90; 
	text-transform: uppercase; 
	letter-spacing: .1em; 
	text-align: left; 
	padding: 25px 0 0 25px; 
}

#content .main .stelleafter { 
	font-weight: normal; 
	font-size: 11px; 
	text-align: left; 
	padding: 10px 0 25px 25px; 
}

#content .main .footnav { 
	font-size: 10px; 
	margin-top: 40px; 
	padding: 0; 
	clear: both; 
}

#content .main .footnav ul { 
	margin: 0; 
	padding: 0; 
}

#content .main .footnav ul, #content .main .footnav ul li { 
	display: inline; 
}

#content .main .footnav ul li { 
	font-size: 10px; 
	margin: 0 10px 0 0; 
	padding: 0; 
}


/*
RIGHTBAR ------------------------------------------------------------------------------------------------------------------------------------------ */

#content .rightbar { 
	float: right; 
	width: 238px; 
	padding: 8px 0 12px 0; 
	margin-top: 0; 
	height: auto; 
	position: relative; 
}

#content .rightbar ul#submenu2 { 
  list-style-type: none; 
  margin: 0 0 25px 0; 
  padding: 0; 
  text-transform: uppercase; 
}

#content .rightbar ul#submenu2 ul { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
  text-transform: uppercase; 
  background: #c90; 
}

#content .rightbar ul#submenu2 li { 
  text-indent: 25px; 
  margin: 0 0 1px 0; 
  padding: 0; 
  background: #f1e2b7; 
}

#content .rightbar ul#submenu2 li ul li { 
  text-indent: 25px; 
  margin: 0; 
  padding: 0; 
  background: transparent; 
}

#content .rightbar ul#submenu2 li a { 
  background: #f1e2b7 url(../images/submenubg.gif) no-repeat left top; 
  color: #000; 
  font-weight: normal; 
  display: block; 
  height: 29px; 
  line-height: 29px; 
}

#content .rightbar ul#submenu2 li ul li a { 
  background-image: none; 
  color: #000; 
  font-weight: normal; 
  display: block; 
  height: 29px; 
  line-height: 29px; 
}

#content .rightbar ul#submenu2 li a:hover { 
  background: #c90 url(../images/submenubg2.gif) no-repeat left top; 
  text-decoration: none; 
  color: #fff; 
}

#content .rightbar ul#submenu2 li.active a { 
  background: #c90 url(../images/submenubg2.gif) no-repeat left top; 
  color: #fff; 
  cursor: default; 
}

#content .rightbar ul#submenu2 li.active2 a { 
  background: #c90 url(../images/submenubg2.gif) no-repeat left top; 
  color: #fff; 
}

#content .rightbar ul#submenu2 li.active2 ul li { 
  border-top: 1px dotted #fff; 
}

#content .rightbar ul#submenu2 li.active2 ul li a { 
  background: #ffe293; 
  text-decoration: none; 
  color: #000; 
}

#content .rightbar ul#submenu2 li.active2 ul li a:hover { 
  background: #fdcc05; 
  text-decoration: none; 
  color: #000; 
}

#content .rightbar ul#submenu2 li.active2 ul li.active a { 
  background: #fdcc05;
  text-decoration: none; 
  color: #000; 
}

#content .rightbar h3 { 
	margin: 25px 0 0 0; 
	padding: 5px 5px 0 5px; 
	height: 23px; 
	font-size: 16px; 
	font-weight: normal; 
	margin: 1.5em 0 .5em 0; 
	padding: 5px 0; 
	text-transform: uppercase; 
	color: #c90; 
}

#content .rightbar h4 { 
	font-size: 12px; 
	margin: 5px 0; 
	padding: 0; 
}

#content .rightbar h5 { 
	font-size: 14px; 
	margin: 5px 0; 
	padding: 0; 
	color: #EED; 
}

#content .rightbar .leftimg2 { 
	float: left; 
	margin: .5em 10px 0 0; 
	padding: 5px; 
	border: 1px solid #f1e2b7; 
}

#content .rightbar .leftimg { 
	float: left; 
	margin: .5em 10px 0 0; 
}

#content .rightbar .box2, #content .rightbar .box1 { 
	width: 228px; 
	padding: 5px; 
	margin: 0; 
}

#content .rightbar .box2 ul li { 
	font-size: 11px; 
	background: url(../images/listpoint.gif) no-repeat left 3px; 
	color: #000; 
	list-style: none; 
	text-indent: 19px; 
	margin: 0; 
	padding: .5em 0 .5em 0; 
	line-height: 130%; 
}

#content .rightbar .box2 ol li { 
	font-size: 11px; 
	margin: 0 3px 5px 25px; 
	padding: .5em 0 0 0; 
	line-height: 130%; 
}

#content .rightbar .box2 ul, #content .rightbar .box2 ol { 
	margin: 0; 
	padding: 0; 
}

#content .rightbar .box1 {
	background: #fdcc09; 
	margin-bottom: 5px; 
}

#content .rightbar .box1 h4 { 
	font-size: 16px; 
	text-transform: uppercase; 
	margin: 5px 0 10px 0; 
	padding: 0; 
}

#content .rightbar .box1 p { 
	margin: 3px 3px 13px 3px; 
}

#content .rightbar .box2 { 
	background: #f1e2b7; 
	margin-bottom: 5px; 
}

#content .rightbar .box2 .leftimg { 
	float: left; 
	border: 1px solid #fff; 
  	margin: 5px 3px 3px 0; 
  	padding: 3px; 
}

#content .rightbar .box2 p { 
	margin: 3px 3px 13px 3px; 
}

#content .rightbar .linkbox { 
	width: 228px; 
	padding: 0; 
	margin: 10px 3px 10px 3px; 
}

#content .rightbar .linkbox img { 
	margin: 15px 0; 
	float: right; 
}

#content .rightbar .loginboxhead { 
	width: 238px; 
	height: 10px; 
	background: #f1e2b7 url(../images/loginboxhead.gif) no-repeat left top; 
	padding: 0; 
	margin: 20px 0 0 0; 
	overflow: hidden; 
}

#content .rightbar .loginboxhead- { 
	width: 238px; 
	height: 10px; 
	background: #f1e2b7 url(../images/loginboxhead-.gif) no-repeat left top; 
	padding: 0; 
	margin: 20px 0 0 0; 
	overflow: hidden; 
}

#content .rightbar .loginboxbody { 
	width: 218px;  
	background: #f1e2b7 url(../images/loginboxbody.gif) repeat-y left top; 
	padding: 10px; 
	margin: 0; 
}

#content .rightbar .loginboxbody- { 
	width: 218px;  
	background: #f1e2b7 url(../images/navbg-.gif) repeat-y left top; 
	padding: 10px; 
	margin: 0; 
}

#content .rightbar .loginboxbody form { 
	padding: 10px 0 0 0; 
	margin: 0; 
	text-align: center; 
}

#content .rightbar .loginboxfoot { 
	width: 238px; 
	height: 13px; 
	background: #f1e2b7 url(../images/loginboxfoot.gif) no-repeat left top; 
	padding: 0; 
	margin: 0 0 20px 0; 
}

#content .rightbar .loginboxfoot- { 
	width: 238px; 
	height: 13px; 
	background: #f1e2b7 url(../images/loginboxfoot-.gif) no-repeat left top; 
	padding: 0; 
	margin: 0 0 20px 0; 
}



/*
FORM ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------- */


form, #emailform { 
	padding: 0; 
	margin: 0; 
}

#conform { 
	margin: 10px 0 0 0; 
}

#conform p { 
	padding: 0; 
	margin: 0 0 10px 0; 
	font: 11px Verdana, Geneva, Arial, sans-serif; 
	font-weight: normal; 
}

#nom, #email, #tél, #société { 
	padding: 5px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 230px; 
	margin: 0 0 2px 0; 
	border: 1px solid #f1e2b7; 
	background: #fff; 
}

#sujet, #adresse { 
	background: #fff; 
	padding: 5px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
	width: 476px; 
	margin: 0 0 2px 0; 
	border: 1px solid #f1e2b7; 
}

#message { 
	background: #fff; 
	padding: 5px; 
	color: #000; 
	width: 476px; 
	margin: 0 0 2px 0; 
	border: 1px solid #f1e2b7; 
}

#submitbtn { 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-right: 10px; 
	color: #000; 
	float: left; 
}

#resetbtn { 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000; 
}

#infobox { 
	color: #900; 
	font: 12px "Courier New", Courier, monospace; 
	padding: 0; 
}

#infobox p, #infobox ul li { 
	color: #900; 
	font: 12px "Courier New", Courier, monospace; 
	text-transform: none; 
}




/*
FOOTER -------------------------------------------------------------------------------------------------------------------------------------------- */

#footer { 
	width: 100%; 
	background: #faf5e7 url(../images/footbg.gif) repeat-x left top; 
	height: 40px; 
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
	clear: both; 
}

#footcontainer { 
	width: 760px; 
	position: relative; 
	margin: 0 auto; 
}

#footcontainer #footermenu { 
	width: 760px; 
	height: auto; 
	margin: 0; 
	padding: 9px 0 0 0; 
	line-height: 25px; 
	position: relative; 
	background: transparent; 
}

* html #footcontainer #footermenu { 
	width: 760px; 
	height: auto; 
	margin: 0; 
	padding: 5px 0 0 0; 
	line-height: 25px; 
	position: relative; 
	background: transparent; 
}

#footcontainer #footermenu li, #footcontainer #footermenu li a { 
	display: inline; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 25px; 
}

* html #footcontainer #footermenu li, * html #footcontainer #footermenu li a { 
	display: inline; 
	font-size: 11px; 
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 32px; 
}

#footcontainer #footermenu li a { 
	padding: 10px 8px 10px 8px; 
}

#footcontainer #footermenu li a:hover { 
	color: #fff; 
	text-decoration: none; 
	line-height: 25px; 
	padding: 9px 8px 9px 8px; 
	background: #c90 url(../images/navbg.gif) repeat-x left top; 
}

#footcontainer #footermenu li a.active { 
	color: #fff; 
	background: #c90 url(../images/navbg.gif) repeat-x left top; 
	line-height: 25px; 
	padding: 9px 8px 9px 8px; 
	cursor: default; 
}

#footerbox { 
	position: relative; 
	float: left; 
	width: 500px;
	margin: 10px 0; 
	padding: 30px 0 0 0; 
	text-align: left; 
}

#footerbox p, #linkbox p { 
	font-size: 10px; 
	padding: 0 0 .5em 0; 
	margin: 0; 
}

#footerbox .footnav { 
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
	clear: both; 
}

#footerbox .footnav ul { 
	margin: 0; 
	padding: 0 0 .5em 0; 
}

#footerbox .footnav ul li { 
	display: inline; 
	text-transform: uppercase; 
}

#footerbox .footnav ul li { 
	font-size: 10px; 
	margin: 0 15px 0 0; 
}

#linkbox { 
	float: right; 
	width: 258px; 
	padding: 20px 0 0 0; 
	margin: 10px 0; 
	text-align: left; 
	position: relative; 
}