
/* CSS Document */

/* gabarit */


body {
    margin:0;
    padding:0;
    font-family:arial;
    font-size:12px;
    color:#575241;
    background-image:url(images/motif-fond.gif);
    background-repeat:repeat;
  }


a img {
    border:0;
  }


form {
    margin:0;
    padding:0;
  }


.clear {
    clear:both;
    height:1px;
  }


#global {
    width:756px;
    margin:auto;
    background-image:url(images/fond-gauche.gif);
    background-repeat:repeat-y;
    background-position:84px 0;
  }


#gauche {
    float:left;
    width:175px;
  }


#hautGauche {
    width:91px;
    height:3px;
    background-image:url(images/haut-gauche.gif);
    background-repeat:no-repeat;
    margin:0 0 0 84px;
  }


.ideogrammesGauche {
    margin:10px 0 0 101px;
  }


#hautMenu {
    width:175px;
    height:9px;
    margin:8px 0 0 0;
    background-image:url(images/haut-menu.gif);
    background-repeat:no-repeat;
  }


#contenuMenu {
    width:142px;
    padding:5px 21px 8px 12px;
    background-image:url(images/fond-menu.gif);
    background-repeat:repeat-y;
  }


ul#menu {
    margin:0;
    padding:0;
    list-style:none;
  }


ul#menu li {
    width:134px;
    margin:0;
    padding:3px 0 4px 5px;
    border-left:3px solid #82990A;
    background-image:url(images/pointilles-menu.gif);
    background-repeat:no-repeat;
    background-position:5px bottom;
    color:#564534;
  }


ul#menu li#menu10 {
    background-image:none;
  }


ul#menu li.menuActif {
    border-left:3px solid #C8E42A;
  }


ul#menu li a {
    display:block;
    width:130px;
    padding:1px 0 1px 4px;
    background-color:#fff;
    color:#564534;
    text-decoration:none;
  }


ul#menu a:hover {
    background-color:#C8E42A;
    color:#010101;
  }


ul#menu li.menuActif a {
    display:block;
    width:130px;
    padding:1px 0 1px 4px;
    background-color:#fff;
    color:#ABC515;
    font-weight:bold;
    text-decoration:none;
  }


ul#menu li.menuActif a:hover {
    background-color:#fff;
    color:#ABC515;
  }


#basMenu {
    width:175px;
    height:11px;
    background-image:url(images/bas-menu.gif);
    background-repeat:no-repeat;
  }


#centre {
    float:left;
    width:581px;
  }


#bandeau {
    float:left;
    width:461px;
    height:149px;
    margin:0 7px 0 0;
  }


#bandeauPrint {
    float:left;
    width:461px;
    height:149px;
    margin:0 7px 0 0;
    display:none;
  }


#contactAcces {
    float:left;
    margin:112px 0 0 0;
  }


#contactAcces ul {
    margin:0;
    padding:0;
    list-style:none;
  }


#contactAcces ul li {
    margin:0;
    padding:0;
  }


#contactAcces ul li a {
    display:block;
    width:80px;
    height:14px;
    padding:2px 0 0 4px;
    border-left:3px solid #fefefe;
    color:#575241;
    font-size:90%;
    font-weight:bold;
    text-decoration:none;
  }


#contactAcces ul li a:hover {
    border-left:3px solid #C8E42A;
  }


#contactAcces ul li a.contactPlanActif {
    display:block;
    width:80px;
    height:14px;
    padding:2px 0 0 4px;
    border-left:3px solid #fefefe;
    color:#99BA07;
    font-size:90%;
    font-weight:bold;
    text-decoration:none;
  }


#contactAcces ul li a:hover.contactPlanActif {
    border-left:3px solid #fefefe;
    color:#99BA07;
  }


#page {
    margin:-1px 0 0 0;
    width:581px;
    background-image:url(images/fond-droite.gif);
    background-repeat:repeat-y;
    background-position:right top;
    background-color:#fff;
    min-height:360px;
    _height:360px;
  }


#hautPage {
    width:581px;
    height:9px;
    background-image:url(images/haut-page.gif);
    background-repeat:no-repeat;
  }


#conteneurContenu {
    width:577px;
    padding:0 0 0 4px;
    background-image:url(images/ideogrammes-droite.gif);
    background-repeat:no-repeat;
    background-position:560px 5px;
  }


#compas {
    float:left;
    width:461px;
    padding:8px 30px 0 0;
    font-size:80%;
    color:#777;
  }


#compas a {
    color:#575241;
    text-decoration:none;
  }


#compas a:hover {
    text-decoration:underline;
  }

#panier {
    float:left;
    width:30px;
  }

#panier a img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
  }

#panier a:hover img {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
  }

#imprimer {
    float:left;
    width:30px;
  }

#imprimer a img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
  }

#imprimer a:hover img {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
  }

#contenu {
    width:543px;
    padding:14px 17px 25px 0;
  }


#contenu h1 {
    width:514px;
    margin:0;
    padding:0 0 0 29px;
    height:28px;
    background-image:url(images/yin-yang-titre.gif);
    background-repeat:no-repeat;
    font-size:200%;
    font-weight:normal;
    color:#94AC16;
  }


#contenu h1 span {
    display:block;
    width:514px;
    height:28px;
    background-image:url(images/pointilles-titre.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
  }


#contenu h2 {
    padding:0 0 0 29px;
    margin:15px 0 0 0;
    font-size:140%;
    font-weight:bold;
  }


#contenu p {
    padding:0 0 0 29px;
    margin:7px 0 0 0;
    text-align:left;
    /*font-size:90%;
    */;
  }


.premiereLettre {
    font-size:140%;
    font-weight:bold;
  }


#contenu ul {
    margin:7px 0 0 45px;
    padding:0;
    list-style:none;
    font-size:90%;
  }


#contenu ul li {
    padding:0 0 0 12px;
    margin:0 0 5px 0;
    background-image:url(images/puce.gif);
    background-repeat:no-repeat;
    background-position:0 6px;
  }


#contenu ol {
    padding-left:25px;
    margin-left:38px;
    _margin-left:43px;
    margin-top:7px;
    font-size:90%;
  }


#contenu ol li {
    padding:0 0 0 0;
    margin:0 0 5px 0;
  }


#pied {
    width:581px;
    height:23px;
    margin:-1px 0 0 0;
    padding:2px 0 0 175px;
    background-image:url(images/pied.gif);
    background-repeat:no-repeat;
    background-position:84px 0;
    font-size:80%;
  }


.zaphyra {
    font-size:110%;
    font-weight:bold;
  }


#pied a {
    color:#9EBE0B;
    text-decoration:none;
  }


#pied a:hover {
    text-decoration:underline;
  }


#signature {
    margin:auto;
    width:300px;
    padding:0 0 0 420px;
    font-size:80%;
  }


#emTexte {
    float:left;
    margin:6px 0 0 0;
  }


#emPicto {
    float:left;
  }


#stecTxt {
    float:left;
    margin:6px 0 0 0;
  }


#stecImg {
    float:left;
  }

/* -------------- Page ACCUEIL --------------- */





#informations {
    font-size:100%;
  }


#informationsGauche {
    float:left;
    width:189px;
    padding:0 0 0 29px;
    margin:15px 15px 0 0;
  }


#navigationInformations {
    width:189px;
    margin:2px 0 0 0;
    padding:10px 0 0 0;
    background-image:url(images/fleche.gif);
    background-repeat:no-repeat;
    background-position:90px 0;
    font-size:90%;
    font-weight:bold;
    text-align:center;
    color:#9DB716;
  }


#informationsDroite {
    float:left;
    width:310px;
    margin:8px 0 0 0;
  }

/* -------------- Fin Page ACCUEIL --------------- */

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

#formulaireContact {
    width:543px;
    padding:10px 0 0 0;
    background-image:url(images/fond-contact.gif);
    background-repeat:no-repeat;
    background-position:214px 72px;
    _height:394px;
    min-height:394px;
  }

#contenu p.adresseContact {
    width:494px;
    padding:0 0 0 49px;
    margin:0 0 0 0;
    text-align:justify;
  }

#contenu p.adresseContact a {
    padding:0 0 0 16px;
    color:#ABC515;
    text-decoration:none;
    background-image:url(images/chevrons-lien.gif);
    background-repeat:no-repeat;
    background-position:0 5px;
  }

#contenu p.adresseContact a:hover {
    text-decoration:underline;
  }

#contenuFormulaireContact {
    padding:16px 0 0 49px;
  }

label.labelContact {
    float:left;
    width:65px;
    font-size:90%;
    font-weight:bold;
    padding:4px 0 0 0;
  }

.champContact {
    float:left;
    width:400px;
    margin:0 0 7px 0;
  }

.champContact input, .champContact textarea {
    border:1px solid #E3DDD7;
    background-color:#fff;
    padding:1px 3px 1px 3px;
    font-family:arial;
    font-size:11px;
    color:#575241;
  }

#envoyer {
    margin:10px 0 0 101px;
  }

#contenu p.confirmationContact {
    width:494px;
    padding:0 0 0 49px;
    margin:25px 0 0 0;
    text-align:justify;
    font-size:110%;
    font-weight:bold;
  }

/* -------------- fin Page CONTACT --------------- */


/* -------------- Page PLAN --------------- */

#conteneurPlan {
    position:relative;
    width:514px;
    padding:0 0 0 29px;
    margin:15px 0 0 0;
  }

#horaires {
    position:absolute;
    z-index:10;
    top:2px;
    left:397px;
    width:120px;
    padding:5px 8px 5px 8px;
    border:1px solid #9EBC0B;
    background-color:#FFFEFC;
  }

#horaires h3 {
    font-size:100%;
    font-weight:bold;
    color:#564534;
    margin:0;
    padding:0;
    text-decoration:underline;
  }

#contenu p.horaires {
    width:120px;
    padding:0 0 0 0;
    margin:7px 0 0 0;
    text-align:left;
    font-size:100%;
  }

/* -------------- fin Page PLAN --------------- */



/* -------------- Page CHAKRA --------------- */

#chakrasGauche {
    float:left;
    width:189px;
    padding:0 0 0 29px;
    margin:15px 15px 0 0;
  }

#navigationChakras {
    width:189px;
    margin:2px 0 0 0;
    padding:10px 0 0 0;
    background-image:url(images/fleche.gif);
    background-repeat:no-repeat;
    background-position:90px 0;
    font-size:90%;
    font-weight:bold;
    text-align:center;
    color:#9DB716;
  }

#explicationNavigationChakras {
  }

#chakrasDroite {
    float:left;
    width:310px;
    margin:8px 0 0 0;
  }

#contenu p.chakraP {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    text-align:left;
    font-size:100%;
  }

#contenu h2.titreChakra {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    font-size:140%;
    font-weight:bold;
  }

.titreChakra1 {
    color:#FF3333;
  }

.titreChakra2 {
    color:#FF9900;
  }

.titreChakra3 {
    color:#F3F302;
  }

.titreChakra4 {
    color:#FF99FF;
  }

.titreChakra5 {
    color:#00CCFF;
  }

.titreChakra6 {
    color:#0000FF;
  }

.titreChakra7 {
    color:#D220D3;
  }

#hautChakraGauche {
    float:left;
    width:215px;
    margin:0 15px 0 0;
  }

#hautChakraDroite {
    float:left;
    width:75px;
    padding:5px 0 0 0;
  }

.celluleOrganes {
    vertical-align:top;
    width:50%;
  }

#contenu ul.listeOrganes {
    margin:2px 0 0 15px;
    padding:0;
    list-style:none;
    font-size:90%;
  }

/* -------------- fin Page CHAKRA --------------- */


/* -------------- Page COULEURS --------------- */

.titreRouge {
    color:#FF0201;
  }

.titreOrange {
    color:#FF7E00;
  }

.titreJaune {
    color:#FFD201;
  }

.titreVert {
    color:#05BB1D;
  }

.titreBleu {
    color:#01BEF6;
  }

.titreIndigo {
    color:#11038C;
  }

.titreViolet {
    color:#951EB6;
  }

/* -------------- fin Page COULEURS --------------- */

/* -------------- Page STAGES --------------- */

#stagesGauche {
    width:110px;
    float:left;
  }

#lesStages {
    margin:2px 0 0;
    padding:0;
    width:110px;
  }

ul#lesStages {
    margin:0 0 0 0;
    padding:0;
  }

#stagesDroite {
    margin:8px 0 0;
    width:370px;
    float:left;
  }

#contenu p.stageP {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    text-align:left;
    font-size:90%;
  }

#contenu h2.titreStage {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    font-size:140%;
    font-weight:bold;
  }

#hautStageGauche {
    float:left;
    width:215px;
    margin:0 15px 0 0;
  }

#hautStageDroite {
    float:left;
    width:75px;
    padding:0 0 0 0;
    height:auto;
  }

#hautMenuStage {
    width:153px;
    height:9px;
    margin:8px 0 0 0;
    background-image:url(images/haut-menu-stage.gif);
    background-repeat:no-repeat;
  }

#contenuMenuStage {
    width:153px;
    padding:5px 5px 8px 5px;
    background-image:url(images/fond-menu-stage.gif);
    background-repeat:repeat-y;
  }

ul#menuStage {
    margin:0 0 0 3px;
    padding:0;
    list-style:none;
    font-size:90%;
  }

ul#menuStage li {
    width:120px;
    margin:0;
    padding:1px 0 2px 5px;
    border-left:3px solid #82990A;
    background-image:url(images/pointilles-menu.gif);
    background-repeat:no-repeat;
    background-position:5px bottom;
    color:#564534;
  }

ul#menuStage li#last {
    background-image:none;
  }

ul#menuStage li.menuActif {
    border-left:3px solid #C8E42A;
  }

ul#menuStage li a {
    display:block;
    width:120px;
    padding:1px 0 2px 5px;
    background-color:#fff;
    color:#564534;
    text-decoration:none;
  }

ul#menuStage a:hover {
    background-color:#C8E42A;
    color:#010101;
  }

ul#menuStage li.menuActif a {
    display:block;
    width:120px;
    padding:1px 0 1px 2px;
    background-color:#fff;
    color:#ABC515;
    font-weight:bold;
    text-decoration:none;
  }

ul#menuStage li.menuActif a:hover {
    background-color:#fff;
    color:#ABC515;
  }

#basMenuStage {
    width:153px;
    height:11px;
    background-image:url(images/bas-menu-stage.gif);
    background-repeat:no-repeat;
  }

/* -------------- Fin Page STAGES --------------- */

/* -------------- Page PRESTATIONS --------------- */

#prestationsGauche {
    margin:0;
    padding:0;
    width:50px;
    float:left;
  }

#lesPrestations {
    width:50px;
    padding:0;
    margin-top:2px;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
  }

ul#lesPrestations {
    margin:0 0 0 0;
    padding:0;
  }

#prestationsDroite {
    float:left;
    width:450px;
    margin:8px 0 0 0;
  }

#contenu p.prestationP {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    text-align:left;
    font-size:90%;
  }

#contenu h2.titrePrestation {
    padding:0 0 0 0;
    margin:7px 0 0 0;
    font-size:140%;
    font-weight:bold;
  }

#hautPrestationGauche {
    float:left;
    width:215px;
    margin:0 15px 0 0;
  }

#hautPrestationDroite {
    float:left;
    width:75px;
    padding:5px 0 0 0;
  }

#hautMenuPrestation {
    width:103px;
    height:9px;
    margin:8px 0 0 0;
    background-image:url(images/haut-menu-prestation.gif);
    background-repeat:no-repeat;
  }

#contenuMenuPrestation {
    width:103px;
    padding:5px 5px 8px 5px;
    background-image:url(images/fond-menu-prestation.gif);
    background-repeat:repeat-y;
  }

ul#menuPrestation {
    margin:0 0 0 3px;
    padding:0;
    list-style:none;
    font-size:90%;
  }

ul#menuPrestation li {
    width:70px;
    margin:0;
    padding:1px 0 2px 5px;
    border-left:3px solid #82990A;
    background-image:url(images/pointilles-menu.gif);
    background-repeat:no-repeat;
    background-position:5px bottom;
    color:#564534;
  }

ul#menuPrestation li#last {
    background-image:none;
  }

ul#menuPrestation li.menuActif {
    border-left:3px solid #C8E42A;
  }

ul#menuPrestation li a {
    display:block;
    width:70px;
    padding:1px 0 2px 5px;
    background-color:#fff;
    color:#564534;
    text-decoration:none;
  }

ul#menuPrestation a:hover {
    background-color:#C8E42A;
    color:#010101;
  }

ul#menuPrestation li.menuActif a {
    display:block;
    width:70px;
    padding:1px 0 1px 2px;
    background-color:#fff;
    color:#ABC515;
    font-weight:bold;
    text-decoration:none;
  }

ul#menuPrestation li.menuActif a:hover {
    background-color:#fff;
    color:#ABC515;
  }

#basMenuPrestation {
    width:103px;
    height:11px;
    background-image:url(images/bas-menu-prestation.gif);
    background-repeat:no-repeat;
  }

/* -------------- Fin Page PRESTATIONS --------------- */

/* -------------- Page BIJOUX --------------- */

.encadreVert {
    border:3px solid green;
  }

/*************************************/
/* Affichage de la liste des pierres */
/*************************************/

#listeBijoux {
	float:left;
	display:inline;
	width:238px;
	padding:0;
}

#detailBijou {
	float:left;
	display:inline;
	width:250px; /* on prend la largeur de (sousOngletC - listeBijou) soit 492-238  */
	padding:10px 0;
}

#detailBijou div {
	float:left;
}

#imageDetailBijou {
	height:330;
	width:220;
	border:4px #ABC515 solid;
	margin:0 0 10px 5px;
}

#imageDetailBijouReserve {
	height:330;
	width:220;
	border:4px #FFCE49 solid;
	margin:0 0 10px 5px;
}

#imageDetailBijouReserveMoi {
	height:330;
	width:220;
	border:4px #24C515 solid;
	margin:0 0 10px 5px;
}

#imageDetailBijouVendu {
	height:330;
	width:220;
	border:4px #FF4949 solid;
	margin:0 0 10px 5px;
}


.ligneBijoux {
	clear:both;
	margin:0;
	padding:3px 0;
  }

.vignetteBijou {
	margin:0 0 0 15px;
	padding:0;
	font-size:0.8em;
	width:64px;
	height:121px;
	float:left;
  }

.vignetteBijou img {
	display:block;
	margin:0;
	padding:0;
	border:0;
  }

.vignetteBijou a {
	display:block;
	border:3px solid #DAD7D5;
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignetteBijou a:hover {
	border:3px solid #ABC515;
  }

.vignetteBijou span {
	padding-top:5;
	width:64px;
	height:auto;
	text-align:center;
	display:block;
  }

.vignetteBijouReserve {
	margin:0 0 0 15px;
	padding:0;
	font-size:0.8em;
	width:64px;
	height:121px;
	float:left;
  }

.vignetteBijouReserve img {
	display:block;
	margin:0;
	padding:0;
	border:0;
  }

.vignetteBijouReserve a {
	display:block;
	border:3px solid #FFCE49;
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignetteBijouReserve a:hover {
	border:3px solid #ABC515;
  }

.vignetteBijouReserve span {
	padding-top:5;
	width:64px;
	height:auto;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#FFCE49;
  }

.vignetteBijouReserveMoi {
	margin:0 0 0 15px;
	padding:0;
	font-size:0.8em;
	width:64px;
	height:121px;
	float:left;
  }

.vignetteBijouReserveMoi img {
	display:block;
	margin:0;
	padding:0;
	border:0;
  }

.vignetteBijouReserveMoi a {
	display:block;
	border:3px solid #24C515;
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignetteBijouReserveMoi a:hover {
	border:3px solid #ABC515;
  }

.vignetteBijouReserveMoi span {
	padding-top:5;
	width:64px;
	height:auto;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#24C515;
  }

.vignetteBijouVendu {
	margin:0 0 0 15px;
	padding:0;
	font-size:0.8em;
	width:64px;
	height:121px;
	float:left;
  }

.vignetteBijouVendu img {
	display:block;
	margin:0;
	padding:0;
	border:0;
  }

.vignetteBijouVendu a {
	display:block;
	border:3px solid #FF4949;
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignetteBijouVendu a:hover {
	border:3px solid #ABC515;
  }

.vignetteBijouVendu span {
	padding-top:5;
	width:64px;
	height:auto;
	text-align:center;
	font-weight:bold;
	display:block;
	color:#FF4949;
  }

.vignetteCollection {
	margin:0 0 0 15px;
	padding:0px;
	/*width:64px;
	height:121px;
	/*float:left;/**/
	text-decoration:none;
	color:#564534;
  }

.vignetteCollection a img {
	/*display:block;*/
	border:3px solid #DAD7D5;
/*	margin:0px;
	padding:0;
	border:0px;/**/
  }

.vignetteCollection a {
	/*display:block;/**/
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignetteCollection a img:hover {
	border:3px solid #ABC515;
  }

.listeCollections {
	border-color:grey;
}

#sousOngletC select {
	border-color:#ABC515;
}

/* -------------- Fin Page BIJOUX --------------- */

/* -------------- Page PIERRES --------------- */

/*************************/
/* Onglets de navigation */
/*************************/

#onglets {
    height:26px;
    width:510px;
    padding-top:25px;
    margin-left:25px;
    background-image:url(images/fond-onglet.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}

#onglets div {
    float:left;
    display:inline;
    padding:0;
    margin:0;
}

.onglet {
    background-image:url(images/fond-onglet-inactif.gif);

  }

.onglet a {
    position:relative;
    top:-5px;
    text-decoration:none;
    font-weight:normal;
    color:#564534;
  }

.onglet img {
    border:0;
}

.ongletActif {
    background-image:url(images/fond-onglet-actif.gif);
  }

.ongletActif span {
    position:relative;
    top:-5px;
    color:#ABC515;
    margin:0 0 6px;
}

#sousOngletG {
    margin-left:25px;
    display:inline;
    width:1px;
    float:left;
}

#sousOngletC {
    display:inline;
    width:492px;
    float:left;
	padding-top:12px;
    padding-left:10px;
    padding-right:5px;
}

#sousOngletC p {
    padding:0;
}

#sousOngletC h1 {
    width:200px;
    margin:0;
    padding:0;
    height:28px;
    background-image:none;
    font-size:140%;
    font-weight:bold;
    color:#94AC16;
}

#sousOngletC h1 span {
	display:block;
	width:220px;
	height:28px;
	border-bottom:1px #F2F2F0 dotted;
/*    background-image:url(images/pointilles-titre.gif);*/
}

#sousOngletD {
	display:inline;
	width:6px;
	float:left;
}


/***********************/
/* Barre de navigation */
/***********************/

#barreGrisePages {
	height:20px;
	background-color:#F2F2F0;
	color:#636260;
	margin:12px 0;
	padding:0 7px;
}

#barreGrisePages a {
    text-decoration:none;
    color:#564534;
}

#barreGrisePages div {
	display:inline-table;
	background-repeat:no-repeat;
}

#barreGrisePages a:hover {
	color:#C8E42A;
}

#barreGrisePages img {
	margin:4px 6px;
	display:block;
}

#grisG {
	padding-left:15px;
	padding-top:4px;
	height:16px;
	width:100px;
	float:left;
	font-size:80%;
	background-image:url(images/flecheG.gif);
	background-position:left;
	text-align:left;
	}

#grisG:hover {
	background-image:url(images/flecheGverte.gif);
}

#grisC {
	width:auto;
	font-size:100%;
	text-align:center;
	text-indent:2px;
	float:left;
	clear:none;
	margin-left:auto;
	margin-right:auto;
}

#grisC div {
	display:inline;
	float:left;
	}

#grisC #pageCourante {
	color:white;
	background-image:url(images/page_courante.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}

#grisC #pageAutre {
	padding-top:2px;
	width:18px;
	height:20px;
}

#grisD {
	padding-right:15px;
	padding-top:4px;
	height:16px;
    width:100px;
	float:right;
    font-size:80%;
	background-image:url(images/flecheD.gif);
	background-position:right;
	text-align:right;
}

#grisD:hover {
	background-image:url(images/flecheDverte.gif);
}


/*************************************/
/* Affichage de la liste des pierres */
/*************************************/

.imageDetailPierre {
	height:250;
	width:250;
	border:4px #ABC515 solid;
	margin-left:10px;
	margin-bottom:5px;
}

.lignePierres {
    clear:both;
    margin:0;
	padding:3px 0;
  }

.vignettePierre {
    margin:0 0 0 15px;
	padding:0px;
    font-size:0.8em;
    width:86px;
    height:114px;
	float:left;
  }

.vignettePierre img {
	display:block;
	margin:0px;
	padding:0;
    border:0px;
  }

.vignettePierre a {
	display:block;
	border:3px solid #DAD7D5;
	text-decoration:none;
	color:#564534;
	margin:0;
	padding:0;
  }

.vignettePierre a:hover {
    border:3px solid #ABC515;
  }

.vignettePierre .textePierre {
    padding-top:5;
    width:86px;
    height:auto;
	text-align:center;
	display:block;
  }

/* -------------- Fin Page PIERRES --------------- */

/* -------------- Page PARAMETRES --------------- */

.tablePierres {
	width:550px;
	border:1px;
	cellspacing:0;
	cellpadding:2px;
  }

.tablePierres tr th {
	background-color:#E0E0E0;
  }

.tablePierres tr td {
	overflow:hidden;
  }

.tableBijoux {
	width:550px;
	border-width:1px;
	border-color:#E0E0E0;
	cellspacing:0;
	cellpadding:2px;
  }

.tableBijoux tr th {
	background-color:#E0E0E0;
  }

.tableBijoux tr td {
	overflow:hidden;
  }

/* -------------- Fin Page PARAMETRES --------------- */



