@charset "UTF-8";
/* CSS Document */
html {
	background-color: #000;
	text-align: center;
}
body {
	margin: 0 auto;
	margin-top: 0px;
	width: 1000px;
	padding: 30px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	background: #333 url(../img/body_fond.jpg) left top no-repeat;
	position: relative;
}
#contenu {
	margin: 0;
	padding: 0px 0px 250px 0px;
	background: #333 url(../img/contenu_fond.jpg) repeat-y;
	color: #ccd;
}
#gc, #bp {
	width: 475px;
	background: transparent;
}
#gc {
	float: left;
	
	margin: 0 0 0 25px
}
#bp {
	border-left: 1px #fc3 solid;
	margin: 0 0 0 525px;
	padding-top: 30px;
}
h1 {
	font-size: 1.6em;
	background: transparent url(../img/h1_fond.png) no-repeat left 38%;
	margin: 0px 200px 0px 180px;
	padding: 70px 0px 0px 280px;
	height: 160px;
}
#gc>h1 {
	margin: 0;
}
#bp>h1 {
	background: transparent url(../img/broadpeak.png) no-repeat;
	margin: 0px auto;
	padding: 0;
	height: 136px;
	text-indent: -9999px;
}
	
h2 {
	color: #C63;
	font-size: 100%;
}
.g-c {
	color: #FC3;
	font-variant: small-caps;
	font-weight: bold;
}
.b-p {
	color: #ddf;
	font-variant: small-caps;
	font-weight: bold;
}

.prix {
	color: #C60;
}
.ajout {
	font-size: 80%;
}
.lien_retour {
	text-align: right;
	color: #999;
	font-size: 80%;
}
h1, h2, p, ul {
		text-align: left;
}
li {
	position: relative;
	margin-left: 240px;
}
h2 {
	margin: 12px 120px 6px 180px;
}
p {
	margin: 12px 120px 24px 180px;
}
#gc>p {
	margin: 12px 60px 24px 90px;
}
#bp>p {
	margin: 12px 90px 24px 60px;
}
#bp>h2 {
	margin: 12px 85px 24px 40px;
}
.g-c {
	color: #FC3;
	font-variant: small-caps;
	font-weight: bold;
}
.important {
	color: #C60;
}
.photos {
	text-align: center;
	margin: 0 auto;
}
img.vig {
	margin: 0 2px;
}
.photos img {
	padding: 2px;
	border: inset 2px #333;
	margin: 15px;
}

a:link, a:visited {
	color: #FC3;
}
a:hover {
	color: #C60;
}
a img {
	border: none;
}
#contact {
	margin: 12px 320px 24px 240px;
	padding: 6px 12px;
	border: 1px solid #C60;
	margin-bottom: 200px;
}