/* -------------------- Styles CSS - Pièce à conviction -------------------- */


* {
margin: 0;
border: 0;
padding: 0;
font: normal 95%/160% "Bitstream Vera Sans Mono", courier, "courier new", VeraSans;
}

body {
background: #ccc url(pac_imports/pac_fond.jpg) 0 0 repeat-x;
}

body.index {
background: #ccc url(pac_imports/pac_fond2.jpg) 0 0 repeat-x;
}


/* -------------------- éléments -------------------- */


#menu {
position: relative;
width: 100%;
height: 40px;
top: 15px;
text-align: center;
}

#image {
width: 100%;
height: 435px;
text-align: center;
}

#image h1 {
display: none;
}

#image.bagues {
background: transparent url(pac_imports/pac_photo_main.jpg) 50% 0 no-repeat;
}

#image.bijoux {
background: transparent url(pac_imports/pac_photo_collier1.jpg) 50% 0 no-repeat;
}

#image.presse {
background: transparent url(pac_imports/pac_photo_collier2.jpg) 50% 0 no-repeat;
}

#image.contact {
background: transparent url(pac_imports/pac_photo_poing.jpg) 50% 0 no-repeat;
}

#image.galerie {
background: transparent url(pac_imports/pac_photo_dos.jpg) 50% 0 no-repeat;
}

#image.nouveautes {
background: transparent url(pac_imports/pac_photo_boucle.jpg) 50% 0 no-repeat;
}

#contenu {
width: 100%;
height: 200px;
background: transparent url(pac_imports/pac_logo.jpg) 50% 0 no-repeat;
text-align: center;
}

#index {
width: 100%;
height: 200px;
background: transparent url(pac_imports/pac_logo.jpg) 50% 40px no-repeat;
text-align: center;
}


/* -------------------- menu navigation -------------------- */


#menu a {
margin: 0 30px;
padding-top: 8px;
color: #999;
text-decoration: none;
background: transparent url(pac_imports/pac_puce1.png) 50% 0 no-repeat;
}

#menu a:hover {
color: #ccc;
background: transparent url(pac_imports/pac_puce.png) 50% 0 no-repeat;
}

#menu a:active {
color: #666;
background: transparent url(pac_imports/pac_puce2.png) 50% 0 no-repeat;
}

#menu a.on {
color: #333;
background: transparent url(pac_imports/pac_puce2.png) 50% 0 no-repeat;
}

#menu a.on:hover {
color: #666;
}

/* -------------------- boutons / divers -------------------- */


#contenu a.contact {
position: relative;
top: 140px;
margin: 0 30px;
padding-top: 8px;
color: #333;
text-decoration: none;
background: transparent url(pac_imports/pac_puce3.png) 50% 0 no-repeat;
}

#contenu a.contact:hover {
color: #fff;
background: transparent url(pac_imports/pac_puce3b.png) 50% 0 no-repeat;
}

#index a.entrer {
position: relative;
top: 20px;
margin: 0 30px;
padding-top: 8px;
color: #666;
text-decoration: none;
background: transparent url(pac_imports/pac_puce1.png) 50% 0 no-repeat;
}

#index a.entrer:hover {
color: #999;
background: transparent url(pac_imports/pac_puce.png) 50% 0 no-repeat;
}

#index p {
position: relative;
margin: 0 auto;
top: 200px;
width: 800px;
color: #333;
}

#index p em {
color: #000;
}

p.credits {
position: relative;
top: 180px;
font-size: 85%;
color: #999;
}

p.credits a {
color: #999;
}

p.credits a:hover {
color: #666;
text-decoration: none;
}

p.construct {
position: relative;
top: 120px;
font-size: 180%;
color: #fff;
}

/* -------------------- carousel -------------------- */


.carousel-component {
	position: relative;
	top: 140px;
	margin: 0 auto;
	height: 30px;
	background-color: transparent;
}

.carousel-component .carousel-list li { 
	width: 50px;
	height: 30px;
}

.carousel-component .carousel-list li a { 
	display: block;
	border: 0;
	outline: none;
}

.carousel-component .carousel-list li a:hover { 
}

.carousel-component .carousel-list li img { 
	border: 0;
	display: block;
	margin: 0 10px; 
}
								
.carousel-component .carousel-prev { 
	position: absolute;
	top: 7px;
	z-index: 3;
	cursor: pointer; 
	left: 5px; 
}

.carousel-component .carousel-next { 
	position: absolute;
	top: 7px;
	z-index: 3;
	cursor: pointer; 
	right: 5px; 
}