@charset "utf-8";
/* CSS Document */

@media aural {
h1, h2, h3, 
h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
h1            { pitch: x-low; pitch-range: 90 }
h2            { pitch: x-low; pitch-range: 80 }
h3            { pitch: low; pitch-range: 70 }
h4            { pitch: medium; pitch-range: 60 }
h5            { pitch: medium; pitch-range: 50 }
h6            { pitch: medium; pitch-range: 40 }
li, dt, dd    { pitch: medium; richness: 60 }
dt            { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn           { pitch: high; pitch-range: 60; stress: 60 }
s, strike     { richness: 0 }
i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u             { richness: 0 }
a:link        { voice-family: harry, male }
a:visited     { voice-family: betty, female }
a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

/* CAPTION BOX */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#cccccc;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:400px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:450px; 
  height:450px;
  padding:20px;
  background-color:#ffffff;
}

#boxes #dialog a {
	color:#333;
}

.dialog-collections {
	width:450px; 
  	height:450px;
  	padding:20px;
  	background-color:#ffffff;
}

.dialog-collections a {
	color:#333;
}

/* GALLERY */

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:400px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#fff; 
		color:#000; 
		height:80px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#180606;
	}

img {
	border:0;
	padding:0;
	margin:0;
	display:inline;
}

p { 
	padding:0;
	margin:0;
	border:0;
}

/* MENU */

.bout_alliances {
	width:109px; 
	height:34px; 
	background-image:url('../images/menu/alliances.jpg');
	background-position:top;
	float:left;
}

.bout_solitaires {
	width:116px; 
	height:34px; 
	background-image:url('../images/menu/solitaires.jpg'); 
	background-position:top;	
	float:left;
}

.bout_bagues_diamants {
	width:162px; 
	height:34px; 
	background-image:url('../images/menu/bagues_diamants.jpg'); 
	background-position:top;	
	float:left;
}

.bout_collection_cire {
	width:159px; 
	height:34px; 
	background-image:url('../images/menu/collection_cire.jpg'); 
	background-position:top;	
	float:left;
}

.bout_galerie {
	width:101px; 
	height:34px; 
	background-image:url('../images/menu/galerie.jpg'); 
	background-position:top;	
	float:left;
}

.bout_notre_magasin {
	width:153px; 
	height:34px; 
	background-image:url('../images/menu/notre_magasin.jpg'); 
	background-position:top;	
	float:left;
}

.bout_alliances:hover {
	background-position:bottom;
}

.bout_solitaires:hover {
	background-position:bottom;	
}

.bout_bagues_diamants:hover {
	background-position:bottom;	
}

.bout_collection_cire:hover {
	background-position:bottom;	
}

.bout_galerie:hover {
	background-position:bottom;	
}

.bout_notre_magasin:hover {
	background-position:bottom;	
}

#nav {
	list-style:none;
	margin:0;
	padding-left:5px;
	height:34px;
	overflow:hidden;		/* Création du contexte de formatage */
}
	
#nav li {
	float:left;
	width:131px;
	height:34px;
	border:0;
	margin-right:1px;
	color:#fff;
	background-color:#180606;
}
	
#nav li a {
	display:block;
	background: #180606;
	color:#fff;
	font:1em "Trebuchet MS",Arial,sans-serif;
	text-transform:uppercase;
	line-height: 1em ;
	padding:10px 0 0 0;
	text-align:center;
	text-decoration:none;
	height:24px;	
}
	
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #91572f;
	text-decoration:none;
}





/* TEXTE */

h1 {
	font-size:14px; 
	font-weight:bold; 
	color:#4f2f1a;
	margin:0px;
	padding:0px;
	padding-top:15px;
}

h2 {
	padding-bottom:10px; 
	font-size:18px;
	color:#4f2f1a;
	margin:0px;
	padding:0px;
}

h3 {
	padding-bottom:5px; 
	font-size:18px;
	color:#000;
}

.t_sizedown {
	font-size:11px; 
	color:#333333;
}

a { 
	margin:0; 
	padding:0; 
	color:#FFF;
	text-decoration:none;
}

a:hover {
	text-decoration:overline;
}

.div-collections {
	border: solid 1px #ccc;	
	padding:4px;	
	margin-top:2px;
	background-color:#FFF;
	width:280px;
}

.div-collections:hover {
	border-color: #91572F;
}

.a-collections {
	color:#666;	
	width:200px;
	text-decoration:none;
}

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

/* IMG AGGRANDISSEMENT */


#largeImg {
	border: solid 1px #ccc;
	width: 370px;
	height: 320px;
	padding: 5px;
}
.thumbs img {
	border: solid 1px #ccc;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #91572F;
}