/* --*/
#rubis{
position: absolute;
width: 56em;
left: 50%;
margin:1em;
margin-left: -28em;
background-color : #DBDAFF;
}
#pierres-synthetiques{
padding:0;
margin:0;
background-color : #DBDAFF;
}
#amethyste{
position: absolute;
left:0;
width:10em;
padding:1em;
padding-left:1;
}
#pierres-naturelles{
background-color : #FFF;
margin-left:18em;
background-image : url('pierres-precieuses/pierres-precieuses.jpg');
background-position : left;
background-repeat : repeat-y;
padding: 3em 1em 1em 5em;
}
#saphir{
background-color : #DBDAFF;
margin-left:0;
height:4em;
border-top:2px solid #FFFFFF;
}
#saphir-deco
{ position: absolute;
left:0;
width:9em;
padding:1em;
}
#saphir-contenu
{ margin-left:7em;
padding:0.3em 1em 0em 0.5em;
}
/* -*/
dl, dt, dd, ul, li {
margin: 0;
padding: 4px;
list-style-type: none;
}
/* --*/
body{
background-color : #DBDAFF;
font-size: medium;
margin: 0;
padding: 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* IE5 hack */
* html body {font-size:medium;f\ont-size:large}
a{
color: #005CE8;
}
h1, h2, h3, h4, ul, p{
margin:0;
padding:0;
}
p.note{
font-size: 0.8em;
font-style: italic;
}
ul li{
list-style-type : none;
}
.souligne{
text-decoration: underline;
}
/* -- */
img#gema{
float:right;
clear: both;
position:relative;
top:0.1em;
left:-0.1em;
margin:0.1em;
height:4.75em;
width:3.56em;
}
img#cours_gemmologie{
margin-left:2em;
margin-top:0.3em;
border:0px none;
}
#pierres-synthetiques p.legende{
float:right;
font-size:0.75em;
width:10.5em;
text-align:right;
margin:0.4em 0.3em 0 0;
font-style:italic;
font-weight:bold;
color:#fff;
}
#pierres-synthetiques p.beryl{
float:left;
font-size:0.75em;
width:10.5em;
text-align:left;
margin:0.4em 0.3em 0 0;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
}
#pierres-synthetiques p.legende a{
color: #FFFFFF;
}
#pierres-synthetiques a{
text-decoration: none;
border:0px none;
}
/* - */
#pierres-naturelles h2{
color: #005CE8;
font-size:1.2em;
}
#pierres-naturelles h3{
color: #005CE8;
font-size:1em;
}
#pierres-naturelles h4{
font-size:1em;
font-style : italic;
}
#pierres-naturelles p,
#pierres-naturelles ul{
margin:0 0 1em 0;
}
#pierres-naturelles ul li{
margin:0 0 0.5em 0;
}
#saphir-contenu p{
font-size: 0.75em;
text-align : center;
}
#saphir-contenu strong{
color: #005CE8;
}
#saphir-contenu .signature{
font-size: 0.7em;
color: #FFFFFF;
}
#saphir-contenu a{
color: inherit;
}
#saphir-contenu .signature a{
color: #FFFFFF;
}
/* - */
#topaze {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}
#topaze dt {
cursor: pointer;
background: #DBDAFF;
line-height: 20px;
font-size: 70%;
margin: 4px ;
border: 1px solid white;
text-align: left;
font-weight: bold;
}
#topaze dd {
position: absolute;
left: 10em;
z-index: 100;
margin-top: -3.5em;
border: 1px solid white;
width: 10em;
background: #DBDAFF;
font-size: 65%;
}
#topaze ul {
padding: 4px;
}
#topaze li {
text-align: left;
line-height: 17px;
}
#topaze li a, #topaze dt a {
color: #000;
text-decoration: none;
display: block;
}
#topaze li a:hover {
text-decoration: underline;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
#amethyste ul{
margin-left:0.5em;
}
#amethyste ul li{
padding-left:0.5em;
}
#amethyste ul li a{
display:block;
font-weight: bold;
color: #005CE8;
font-style : italic;
text-decoration:none;
padding-left:1em;
padding-bottom:1.5em;
}
#amethyste ul li a:hover{
background-repeat : no-repeat;
background-position : left top;
}
/* - */
#pierres-naturelles ul{
}
#pierres-naturelles ul li{
list-style: disc;
margin-left:1em;
}
#pierres-naturelles ul.plan li{
font-weight: bold;
}
#pierres-naturelles ul.plan li ul li{
font-weight: normal;
}
#pierres-naturelles ul.plan a{
text-decoration: none;
}
#pierres-naturelles img#gema{
float:right;
margin:0.5em;
}
#pierres-naturelles table#tarif{
background-color: white;
border: 1px solid black ;
padding:1em;
margin: 0 0 1em 0;
}
#pierres-naturelles table#tarif td,
#pierres-naturelles table#tarif th{
text-align: left;
font-size:0.9em;
padding:0 0.5em;
}
#pierres-naturelles table#tarif td.prix{
text-align: right;
}
#bio #portrait{
float: right;
width: 87px;
margin: 0em;
}