html {
	/*overflow: hidden;*/
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	background: #000000;
}
#main {
	width:800px;
	height:600px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top: -300px;
	margin-left: -400px;
	background-color: #000000;
}
#topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 800px;
}
#topnav ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#topnav ul li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 15px;
	text-decoration: none;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#topnav ul li.societe a {
	width: 180px;
	background-image: url(img/bt_societe_off.gif);
}
#topnav ul li.societe a.actif {
	width: 180px;
	background-image: url(img/bt_societe_on.gif);
}
#topnav ul li.societe a.actif:hover {
	width: 180px;
	background-image: url(img/bt_societe_on.gif);
}
#topnav ul li.societe a:hover {
	background-image: url(img/bt_societe_hover.gif);
}			
#topnav ul li.gamme a {
	width: 201px;
	background-image: url(img/bt_gamme_off.gif);
}
#topnav ul li.gamme a.actif {
	width: 201px;
	background-image: url(img/bt_gamme_on.gif);
}
#topnav ul li.gamme a.actif:hover {
	width: 201px;
	background-image: url(img/bt_gamme_on.gif);
}
#topnav ul li.gamme a:hover {
	background-image: url(img/bt_gamme_hover.gif);
}			
#topnav ul li.vente a {
	width: 146px;
	background-image: url(img/bt_vente_off.gif);
}
#topnav ul li.vente a.actif {
	width: 146px;
	background-image: url(img/bt_vente_on.gif);
}
#topnav ul li.vente a.actif:hover {
	width: 146px;
	background-image: url(img/bt_vente_on.gif);
}
#topnav ul li.vente a:hover {
	background-image: url(img/bt_vente_hover.gif);
}
#topnav ul li.news a {
	width: 82px;
	background-image: url(img/bt_news_off.gif);
}
#topnav ul li.news a.actif {
	width: 82px;
	background-image: url(img/bt_news_on.gif);
}
#topnav ul li.news a.actif:hover {
	width: 82px;
	background-image: url(img/bt_news_on.gif);
}
#topnav ul li.news a:hover {
	background-image: url(img/bt_news_hover.gif);
}
#topnav ul li.contact a {
	width: 146px;
	background-image: url(img/bt_contact_off.gif);
}			
#topnav ul li.contact a.actif {
	width: 146px;
	background-image: url(img/bt_contact_on.gif);
}
#topnav ul li.contact a.actif:hover {
	width: 146px;
	background-image: url(img/bt_contact_on.gif);
}
#topnav ul li.contact a:hover {
	background-image: url(img/bt_contact_hover.gif);
}
.scroll-pane {
	overflow: auto;
}
#content {
	width: 380px;
	height: 100%;
	margin: 0;
	padding: 0px 15px 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
}
#content p {
	text-align: left;
	margin: 15px 0 5px 0;
}
#content span a {
	color: #FFFFFF;
	text-decoration: none;
}
#content span a:hover {
	color: #000000;
	text-decoration: none;
}
#content ul {
	font-size: 13px;
	margin: 0 0 0 15px;
	padding: 0;
}
#content h2 {
	margin: 0 5px 5px 0;
	padding: 0;
}
#content h2 span{
	margin: 0;
	padding: 0 0 0 0;
	background-repeat:no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	font-size: 15px;
}
#content h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#content h2 a:hover {
	color: #000000;
	text-decoration: none;
}
#content h3 {
	margin: 25px 0 0 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
}
#content2 {
	width: 220px;
	height: 280px;
	margin: 0;
	padding: 10px 15px 10px 55px;
	font-size: 13px;
	color: #FFFFFF;
}
#content2 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 15px;
}
#content2 h3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#content2 h3 a:hover {
	color: #000000;
	text-decoration: none;
}
#content2 p {
	text-align: left;
	margin: 0 0 6px 0;
}
#content2 p a {
	color: #FFFFFF;
	text-decoration: none;
}
#content2 p a:hover {
	color: #000000;
	text-decoration: none;
}
#content3 {
	width: 280px;
	height: 183px;
	margin: 0;
	padding: 5px 20px 5px 55px;
	font-size: 12px;
	color: #FFFFFF;
}
#content3 h2 span{
	margin: 0;
	padding: 0 0 0 0;
	background-repeat:no-repeat;
	background-position: left bottom;
	color: #FFFFFF;
	font-size: 15px;
}
#content3 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 13px;
}
#content3 span a {
	color: #FFFFFF;
	text-decoration: none;
}
#content3 span a:hover {
	color: #000000;
	text-decoration: none;
}
#content4 {
	width: 170px;
	height: 280px;
	margin: 0;
	padding: 10px 15px 10px 15px;
	font-size: 13px;
	color: #FFFFFF;
}
#content4 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 15px;
}
#content4 p {
	text-align: left;
	margin: 0 0 6px 0;
}
#content4 p a {
	color: #FFFFFF;
	text-decoration: none;
}
#content4 p a:hover {
	color: #000000;
	text-decoration: none;
}
#content5 {
	width: 180px;
	height: 280px;
	margin: 0;
	padding: 10px 15px 10px 15px;
	font-size: 13px;
	color: #FFFFFF;
}
#content5 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 15px;
}
#content5 p {
	text-align: left;
	margin: 0 0 6px 0;
}
#content5 p a {
	color: #FFFFFF;
	text-decoration: none;
}
#content5 p a:hover {
	color: #000000;
	text-decoration: none;
}
#content6 {
	width: 150px;
	height: 280px;
	margin: 0;
	padding: 10px 15px 10px 45px;
	font-size: 13px;
	color: #FFFFFF;
}
#content6 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 15px;
}
#content6 p {
	text-align: left;
	margin: 0 0 6px 0;
}
#content6 p a {
	color: #FFFFFF;
	text-decoration: none;
}
#content6 p a:hover {
	color: #000000;
	text-decoration: none;
}
#content7 {
	width: 380px;
	height: 280px;
	margin: 0;
	padding: 10px 0 0 55px;
	font-size: 13px;
	color: #FFFFFF;
}
#content7 h3 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 15px;
}
#content7 h3 a {
	color: #FFFFFF;
	text-decoration: none;
}
#content7 h3 a:hover {
	color: #000000;
	text-decoration: none;
}
#content7 p {
	text-align: left;
	margin: 0 0 6px 0;
}
#content7 p a {
	color: #FFFFFF;
	text-decoration: none;
}
#content7 p a:hover {
	color: #000000;
	text-decoration: none;
}