/* CSS Document */

/*Général
-------------------------------------------------------------------------*/
* {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}


	body {
	background-color: #2A2840;
}


strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}
.signature {
	text-align: right;
}
#signature {
	margin-left: 350px;
}



td {
	vertical-align:top;
	padding: 0;
	}

body {
	margin: 0;
	text-align: center;
	background: #050505 url(gifs/diamant-bijoux-vuillet_01.jpg) repeat-x top;
	}
	
	#container {
		text-align: left;
		width: 986px;
		background: #fff;
		border: #535353;
		margin: 0 auto;
		position:relative;
		}



/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}

h1 {
	font-variant: small-caps;
	background: url(gifs/diamant-bijoux-vuillet_18.jpg) no-repeat;
	font-size: 16px;
	font-weight: bold;
	width: 712px;
	height: 25px;
	margin: 0;
	padding: 16px 0 0 15px;
	color: #fff;
	}

h2 {
	font-variant: small-caps;
	background: url(gifs/diamant-bijoux-vuillet_18.jpg) no-repeat;
	font-size: 16px;
	font-weight: bold;
	width: 712px;
	height: 25px;
	margin: 0;
	padding: 16px 0 0 15px;
	color: #fff;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 15px .5em;
	padding: .5em 0;
	color: #3f5155;
	border-bottom: 1px solid;
	}

p {
	font-size: 12px;
	margin: 0 15px;
	padding-bottom: .66em;
	color: #555;
	line-height: 1.5em;
	}

	.impt {
		color: #b8a58c;
		}
.link {
	text-align: right;
	}
	
	.link a:link, .link a:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #3a72b8;
	background: url(gifs/01.gif) no-repeat left .5em;
	padding-left: 10px;
	}
	
	.link a:hover, .link a:active{
	text-decoration: none;
	}
	
/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #7aaac9;
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
border: 1px solid #7aaac9;
float: right;
margin: 5px 0 5px 15px;
}

.imag0{
border: 1px solid #eee;
}
/*--------------------------------------------------------------------------*/




/*Liens
-------------------------------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #555;
	}

a:focus {
	outline: 0;
	}



#footer a, #footer a:link, #footer a:visited, #footer a:active,
#hdp a, #hdp a:link, #hdp a:visited, #hdp a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ddd;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover, #hdp a:hover{
	text-decoration: underline;
	color: #eee;
	}
/*--------------------------------------------------------------------------*/




/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/




/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
}

.bouton_news {
background: none;
height: 18px;
width: 22px;
cursor: pointer;
border: 0;
color: #fff;
font-weight: bold;
padding-top: 3px;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
/*--------------------------------------------------------------------------*/


/*BDD AUTO
-------------------------------------------------------------------------*/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/*-------------------------------------------------------------------------*/




/*NAV
-------------------------------------------------------------------------*/
#index {    /* "lien" sera notre conteneur, ici la balise div */
    font-family: Geneva,Arial,Helvetica;
	width: 94px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_08.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
	font-family: Geneva,Arial,Helvetica;
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

.classsquare {
		background-image:url(gifs/classsquare.jpg);
/*		height:5px;
		width:5px;*/
		background-repeat:no-repeat;
		padding-left:12px;
		}
		
#decale, #decale3 {
	padding-left:10px;
	line-height:14px;
	margin:0;
	}
	
#decale2 {
	margin:5px 0 0 0;
	padding-left:26px;
	line-height:16px;
	}

#histoire {    /* "lien" sera notre conteneur, ici la balise div */
    width: 122px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_09.jpg) no-repeat left top;    /* placement de l'image over */
}

#histoire a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#histoire a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#maison {    /* "lien" sera notre conteneur, ici la balise div */
    width: 115px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_10.jpg) no-repeat left top;    /* placement de l'image over */
}

#maison a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_10.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#maison a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#metier {    /* "lien" sera notre conteneur, ici la balise div */
    width: 117px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_11.jpg) no-repeat left top;    /* placement de l'image over */
}

#metier a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_09.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#metier a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#vendre {    /* "lien" sera notre conteneur, ici la balise div */
    width: 176px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_12.jpg) no-repeat left top;    /* placement de l'image over */
}

#vendre a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_11.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#vendre a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#proposer {    /* "lien" sera notre conteneur, ici la balise div */
    width: 176px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/proposer_over.jpg) no-repeat left top;    /* placement de l'image over */
}

#proposer a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/proposer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#proposer a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#procedure {    /* "lien" sera notre conteneur, ici la balise div */
    width: 100px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_13.jpg) no-repeat left top;    /* placement de l'image over */
}

#procedure a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#procedure a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#pro {    /* "lien" sera notre conteneur, ici la balise div */
	background: url(gifs/over_14.jpg) no-repeat left top;    /* placement de l'image over */
	height: 35px;
	width: 166px;
}

#pro a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 166px;    /* placement de l'image du menu */
	/*color: #000;*/
	background-image: url(gifs/diamant-bijoux-vuillet-2_13.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
}

#pro a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
	cursor: default;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 96px;  /* changer la largeur ici */
    height: 35px; /* changer la hauteur ici */
    background: url(gifs/over_15.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
	display: block;
	width: 100%;
	height: 100%;    /* placement de l'image du menu */
	color: #000;
	background-image: url(gifs/diamant-bijoux-vuillet-2_14.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}
/*--------------------------------------------------------------------------*/




/*MODELE
-------------------------------------------------------------------------*/
#options {
width: 985px;
margin: 0 auto;
padding: 5px 0;
color: #ddd;}
#options a:link, #options a:visited{
color: #ddd;
}

#lettre {
background: url(gifs/diamant-bijoux-vuillet_05.jpg) no-repeat;
width: 728px;
height: 65px;
position: relative;}

#lettre table{
position: absolute;
top: 22px;
left: 290px;
}

#contenu p {
text-align: justify;}

#contenu p.yop {text-align: left;}

/*--------------------------------------------------------------------------*/





/*INDEX
-------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/





/*PAGES
-------------------------------------------------------------------------*/
html body div#container div#contenu table#html {
width: 70%;
margin: 0 auto;}

html body div#container div#contenu table#html fieldset table {
width: 60%;
margin: 0 auto;}
.index {
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	line-height: 25px;
}


html body div#container div#contenu table#html tr td fieldset table tr td input {
margin: 3px 0;
}

.right {
margin-right: 30px;}

.tpl {
width: 80%;
margin: 25px auto 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #aaa;}
.tpl h3{
margin-right: 0;
margin-left: 0;
}
/*--------------------------------------------------------------------------*/



/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  75%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	color: #0a1435;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus {
		border: 1px solid #0a1435;
		background: #fff;
	}
	
	fieldset textarea:focus {
		border: 1px solid #0a1435;
		background: #fff;
		}
.reference {
	font-size: 10px;
}

		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #0a1435;
border: 0;}
/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
text-align: center;
color: #eceaea;}
/*--------------------------------------------------------------------------*/

.blanc {
color: #fff;}
#contenu-memento {
	background-image: url(gifs/fond-memento.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#contenu ul {
	margin-left: 45px;
	color: #555;
}
#contenu li {
	color: #555;
}
#photo {
	position: absolute;
	height: 169px;
	width: 135px;
	top: 760px;
	right: 230px;
}
#accueil {
	margin-left: -20px;
}
.LienCentre {
	font-weight: bold;
	color: #000099;
	text-decoration: none;
	text-align: center;
}
.diamant {
	text-align: center;
}

.phone {position:absolute; top:200px; right:190px; height:25px; font-size:17px; font-weight:bold; color:#0100A3}