/* choix diamant */
legend {
	display: none;
}
#coeur_page {
	float: left;
	height:	auto;
	width: 550px;
	margin: 5px 0 0 2px;
	padding: 0;
	color: inherit;
}
#colonne_droite {
	float: right;
	height: auto;
	margin: 10px 0 0;
	padding: 0;
	width: 188px;
	color: inherit;
}
.titre_configurateur {
	font-size: 16px;
	font-weight: normal;
}
#anim_home_configurateur, #dessin_creation  {
	display: inline;
	float: left;
	width: 250px;
	height: 160px;
	margin: 20px 0 0 15px;
	color: inherit;
	border: 1px solid #FFFFFF;
}
p.info_creation {
	display: inline;
	float: left;
	width: 255px;
	margin: 20px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
}
p.info_creation span {
	color: #BA9B71;
	font-weight: bold;
}
div.choix_type_bijoux {
	clear: both;
	position: relative;
	height: 4.5em;
	margin: 0 15px;
	padding-top: 30px;
}
div.choix_type_bijoux a.image {
	float: left;
	width: 70px;
	height: 70px;
	margin: 0 10px 0 0;
	border: 1px solid #666666;
}
div.choix_type_bijoux p {
	position: relative;
	height: 70px;
}
div.choix_type_bijoux p a img.button {
	display: block;
	position: absolute;
	bottom: 0;
	left: 82px;
}
div.block_border_up {
	position: relative;
	width: 188px;
	height: auto;
	margin: 0 0 20px;
	padding: 15px 0 0;
	background: transparent url(/images/background_border_up.gif) no-repeat scroll left top;
}
div.block_border_down {
	position: relative;
	margin: 0;
	padding: 0 2px 12px;
	background: transparent url(../images/background_border_down.gif) no-repeat scroll left bottom;
}
html>body div.block_border_down {
	padding: 0 10px;
}
div.block_border_down h3 {
	color: #BA9B71;
	font-size: 14px;
	text-transform: uppercase;
}
ul.link_info li {
	padding: 5px 0;
	border-bottom: 1px solid #333333;
}
ul.link_info li.no_border {
	border: none;
}
#recherche {
	float: left;
}
h3.titre_list_form {
	clear: both;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 15px;
}
ul.list_form {
	margin: 10px 0 0 40px;
}
ul.list_form li {
	display: inline;
	float: left;
	height: 24px;
	width: 150px;
}
ul.list_form li input.checkbox {
	float: left;
}
ul.list_form li label {
	float: left;
	margin: -1px 0 0 5px;
	color: #ffffff;
}
ul.list_form li label img {
	margin:	0 4px 0 0;
}
ul.budget {
	margin: 20px 0 0 20px;
}
ul.budget li {
	float: left;
	height: 24px;
	width:160px;
}
ul.budget li label {
	margin: 0 10px;
	color: #ffffff;
}
ul.budget li input.text {
	width: 90px;
	font-size: 14px;
	color: #000000;
}
input.button_budget {
	margin: 0 0 0 20px;
}
p.error_choix_diamant {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 5px 20px;
}
div.infobulle {
	background-color: #000000;
	border: 1px solid #ffffff;
	color: #ffffff;
	margin: 0 0 0 -70px;
	padding: 6px;
	position: absolute;
	text-align: center;
	visibility: hidden;
	width: 234px;
	z-index: 1000;
}
#nav_configurateur {
	width: 542px;
	height: 96px;
	margin: 10px 0 30px 6px;
	background: #cccccc none repeat scroll 0 0;
}
#sous_nav {
	width: 542px;
	height: 15px;
	margin: -30px 0 30px 6px;
	background: transparent url(../images/bg_sousnav.jpg) no-repeat scroll left top;
}
#sous_nav p {
	display: inline;
	float: left;
	height: 15px;
	color: #ffffff;
	text-align: right;
}
#sous_nav p.etape1 {
	width: 193px;
}
#sous_nav p.etape2 {
	width: 153px;
}
#sous_nav p span {
	color: #ffffff;
	margin: 0 4px 0 0;
}
#sous_nav p a {
	padding: 0 1px 0 6px;
	background: transparent url(../images/fleche_sousnav.gif) no-repeat scroll left center;
}
p.info_configurateur {
	margin: -15px 30px 15px;
	color: #ffffff;
	font-size:12px;
}
p.info_configurateur span {
	color: #aa8d67;
	font-size: 12px;
}
#configurateur_top {
	width: 543px;
	margin: 0 auto;
	padding: 13px 0 0;
	background: transparent url(../images/bg_top_conf.jpg) no-repeat scroll center top;
}
table#configurateur {
	height: 212px;
	margin: 0 auto;
	border-left: 1px solid #2a2a2a;
	border-right: 1px solid #2a2a2a;
}
table#configurateur tr td {
	background: transparent url(../images/bg_tr_conf.jpg) repeat-x scroll left top;
	border-left: 1px solid #1a1a1a;
	border-right: 1px solid #515151;
}
table#configurateur tr td.border_horizontal {
	background: #2a2a2a url(../images/border_horizontal_conf.jpg) repeat scroll center top;
	border: none;
	height: 1px;
}
table#configurateur tr th {
	color: #ffffff;
	height: 27px;
	font-size: 12px;
	font-weight: normal;
}
table#configurateur tr th a {
	text-decoration: underline;
}
table#configurateur tr td.forme {
	width: 80px;
	padding: 16px 0 0;
	vertical-align: top;
}
table#configurateur tr td.forme span {
	display: block;
	height: 11px;
	width: 70px;
	margin: 5px 0 0 2px;
}
table#configurateur tr td.forme label {
	margin-left: 5px;
	color: #ffffff;
}
table#configurateur tr td.carat, table#configurateur tr td.prix {
	padding: 13px 0 0;
	width: 70px;
}
table#configurateur tr td.carat label.value, table#configurateur tr td.prix label.value {
	display: block;
	width: 48px;
	margin: 2px auto;
	color: #333333;
	font-size: 12px;
	text-align: center;
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #000000;
}
table#configurateur tr td.carat div.gutter, table#configurateur tr td.prix div.gutter {
	position: relative;
	width: 59px;
	height: 93px;
	margin: 1px 0 1px 5px;
	background: transparent url(../images/graduation.jpg) no-repeat scroll center top;
}
table#configurateur tr td .mask_top, table#configurateur tr td .mask_bottom {
	position: absolute;
	width: 65px;
	background-color: #000000;
	margin: 1px 0;
	padding: 0;
	opacity: 0.6;
}
table#configurateur tr td div.knob_top, table#configurateur tr td div.knob_bottom {
	position: absolute;
	cursor: pointer;
	width: 65px;
	height: 11px;
	top: 0;
}
table#configurateur tr td div.knob_top {
	background: transparent url(../images/bt_grab_top.gif) no-repeat;
	left: -2px;
}
table#configurateur tr td div.knob_bottom {
	left: -3px;
	margin: -6px 0 0;
}
table#configurateur tr td div.bt_over {
	position: absolute;
	top: -5px;
	left: 0;
	height: 11px;
	width: 65px;
	background: transparent url(../images/bt_grab_bottom.gif) no-repeat;
	cursor: pointer;
}
table#configurateur tr td.couleur, table#configurateur tr td.purete, table#configurateur tr td.taille {
	width: 76px;
	padding: 7px 0 0;
}
table#configurateur tr td label.value_hide {
	display:none;
}
table#configurateur tr td.couleur div.gutter, table#configurateur tr td.purete div.gutter, table#configurateur tr td.taille div.gutter {
	position: relative;
	top: 0;
	width: 65px;
	height: 133px;
	margin: 1px 0 1px 5px;
	background: transparent url(../images/graduation_couleur.jpg) no-repeat scroll center top;
}
table#configurateur tr td.couleur div.knob_top, table#configurateur tr td.purete div.knob_top, table#configurateur tr td.taille div.knob_top {
	left: 0;
}
table#configurateur tr td.couleur div.knob_bottom, table#configurateur tr td.purete div.knob_bottom, table#configurateur tr td.taille div.knob_bottom {
	left: 0;
}
table#configurateur tr td div.bt_over {
	position: absolute;
	top: -5px;
	left: 0;
	width: 65px;
	height: 11px;
	background: transparent url(../images/bt_grab_bottom.gif) no-repeat;
	cursor: pointer;
}
table#configurateur tr td.taille div.gutter {
	background: transparent url(../images/graduation_taille.jpg) no-repeat scroll center top;
}
table#configurateur tr td.purete div.gutter {
	background: transparent url(../images/graduation_purete.jpg) no-repeat scroll center top;
}
table#configurateur tr td.last {
	border-right: none;
}
div#configurateur_bottom {
	position: relative;
	width: 543px;
	height: 7px;
	margin: 0 auto;
	background: transparent url(../images/bg_bottom_conf.jpg) no-repeat scroll center top;
}
h4.info_resultat_conf {
	margin: 40px 0 0 11px;
	padding: 0 0 0 15px;
	color: #ffffff;
	background: transparent url(../images/fleche_titre_resultat.gif) no-repeat scroll left center;
	font-size: 12px;
	font-weight: normal;
}
table.resultat_conf {
	border: 1px solid #FFFFFF;
	margin: 5px 0 0 11px;
	width: 535px;
	text-align: center;
	vertical-align: middle;
}
table.resultat_conf tr th.first {
	border-left: none;
}
table.resultat_conf tr th.last {
	border-right: none;
}
table.resultat_conf tr td {
	padding: 2px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
table.resultat_conf tr td.first {
	border-left: 1px solid #000000;
}
table.resultat_conf tr th {
	padding: 4px 2px;
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-size: 12px;
}
table.resultat_conf tr.darkgrey td {
	background-color: #252525;
}
table.resultat_conf tr.grey td {
	background-color: #4c4c4c;
}
p.lien_comparaison {
	margin: 10px 0 0 17px;
}
p.lien_comparaison a {
	padding: 0 0 0 15px;
	background: transparent url(../images/fleche_lien_comaraison.gif) no-repeat scroll left top;
	text-decoration: underline;
}

/* comparateur diamants */
table.comparaison {
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
}
table.comparaison tr th.first {
	border-left: 1px solid #ffffff;
}
table.comparaison tr th {
	padding: 4px 2px;
	background-color: #000000;
	border-bottom: 2px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
table.comparaison tr td.first {
	border-left: 1px solid #ffffff;
}
table.comparaison tr td.first strong {
	color: #ffffff;
	font-size: 12px;
}
table.comparaison tr td {
	width: 184px;
	padding: 2px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #ffffff;
	font-size: 12px;
}
table.comparaison tr.grey td {
	background-color: #4c4c4c;
}
table.comparaison tr.darkgrey td {
	background-color: #252525;
}
table.comparaison tr.foot td a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
table.comparaison tr.foot td a:hover {
	text-decoration: underline;
}

/* voir diamant */
div.block_venteflash_up {
	position: relative;
	width: 544px;
	height: auto;
	margin: 0 0 10px 5px;
	padding: 12px 0 0;
	background: transparent url(../images/bg_venteflash_up.png) no-repeat;
}
div.block_venteflash_down {
	width: 544px;
	height: auto;
	margin: 0;
	padding: 0 0 12px;
	background:transparent url(../images/bg_venteflash_down.png) no-repeat left bottom;
}
div.details_col_gauche {
	display: inline;
	float: left;
	background: transparent url(../images/separation_colgd.gif) repeat-y scroll right top;
	margin: 0 0 0 10px;
	padding: 0;
	width: 352px;
}
div.details_col_gauche p.info_photo {
	text-align: right;
}
div.diaporama_conf {
	float: left;
	color: #ffffff;
	margin-left: 8px;
	padding-top: 13px;
	width: 52px;
	font-size: 10px;
}
div.bordure {
	float: left;
	width: 52px;
	font-size: 10px;
	margin-top: 6px;
	text-align: center;
	background: transparent url(../images/bg-diapo.gif) repeat-y scroll 0 0;
}
div.bordure img.filet {
	margin: 6px 0;
}
div.visuel_conf {
	float: left;
	margin: 40px 0 0;
	padding: 0;
	width: 280px;
	text-align: center;
}
div.details_col_droite {
	display: inline;
	float: left;
	width: 150px;
	margin: 0 0 0 -1px;
	padding: 0 10px 10px;
	background: transparent url(../images/separation_colgd.gif) repeat-y scroll left top;
}
div.details_col_droite h3 {
	font-size: 16px;
	color: #ffffff;
}
div.details_col_droite p {
	clear: both;
	margin: 10px 0 0;
}
div.details_col_droite p img {
	float: left;
}
div.details_col_droite p a {
	float: left;
	margin: 17px 0 0 5px;
	text-decoration: none;
}
div.details_col_droite p.prix {
	padding: 10px 0 0;
	font-weight: bold;
}
p.info_livraison span {
	display: block;
	font-weight: bold;
}
p.info_livraison span.important {
	color: #ff0000;
}
div.details_nav {
	clear: both;
	width: 524px;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	background: transparent url(../images/separation_topgd.gif) no-repeat;
}
input.button_left {
	float: left;
	margin: 15px 0 0 15px;
	cursor: pointer;
}
input.button_right {
	float: right;
	margin: 15px 15px 0 0;
	cursor: pointer;
}
h3.table {
	color: #ba9b71;
	font-size: 14px;
	margin: 20px 0 0 15px;
}
table.details {
	width: 524px;
	margin: 5px 0 0 15px;
	border: 1px solid #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
table.details tr td, table.details tr th {
	padding: 4px 4px 4px 8px;
	border-bottom: 1px solid #000000;
}
table.details tr th {
	color: #8f8f8f;
	border-left: 1px solid #000000;
}
table.details tr td {
	width: 200px;
}
table.details tr.first td, table.details tr.first th {
	border-top: 1px solid #000000;
}
table.details tr.grey th, table.details tr.grey td {
	background-color: #0f1317;
}
table.details tr td label {
	color: #ffffff;
	font-size: 12px;
}
input.button_center {
	display: block;
	margin: 15px auto 0;
	cursor: pointer;
}
p.ancre {
	margin: 20px auto 0;
	text-align: center;
}

/* choix monture */
p.baguier {
	margin: 30px 50px;
	padding: 0 0 20px;
	border-bottom: 1px solid #333333;
}
p.baguier label {
	margin: 30px 10px 0 0;
	color: #ffffff;
}
p.baguier label.labeltitre {
	font-size: 12px;	
	font-weight: bold;
}
p.baguier label span {
	color: #ba9b71;
	font-size: 12px;
}
p.baguier input {
	margin: 0 4px 0 0;
}
p.nb_resultat_monture {
	background: transparent url(../images/fleche.gif) no-repeat scroll left center;
	margin: 30px 0 0 15px;
	padding: 0 0 0 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
div.affichage_resultat_monture {
	width: 520px;
	margin: 20px auto 0;
}
div.affichage_resultat_monture div.monture {
	display: inline;
	float: left;
	width: 165px;
	height: 4.5em;
	margin: 2px 50px 20px 2px;
}
div.affichage_resultat_monture div.monture img {
	display: inline;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 5px 0 0;
}
