html{
	height:100%;
	margin:0px;padding:0;
}

body {
	text-align:left;
	margin:0px;padding:0;
	background: #E5F8FF url('images/fond-ciel-v2.jpg') repeat-x top left;
	font-size:x-small;
	height:100%;
}

#centrage {
	width:950px;
	margin: 0 auto 0 auto; padding:0;
	min-height: 100%; 
	background:url('images/fond-conteneur.gif') repeat-y top left;
}

#top {
	background:url('images/titre2.jpg') no-repeat top left;
	width:950px;
	height:111px;
	margin:0;padding:0;
}

a {
	text-decoration : none;
	cursor:pointer;
}

/************************************************************/
/* Boite Menu Top                                           */
/************************************************************/

#top div.menu {
text-align:center;
width:550px;
height:57px;
margin:0 0 0 210px;padding:53px 0 0 0;
}

#top div.menu div.accueil {
width:110px;
height:57px;
margin:0;padding:0;
float:left;
background: url('images/boutons/accueil.gif') no-repeat bottom left;
}

#top div.menu div.accueil:hover {
background: url('images/boutons/accueil-pierre.gif') no-repeat bottom left;
}

#top div.menu div.panier {
width:110px;
height:57px;
margin:0;padding:0;
float:left;
background: url('images/boutons/panier.gif') no-repeat bottom left;
}

#top div.menu div.panier:hover {
background: url('images/boutons/panier-pierre.gif') no-repeat bottom left;
}

#top div.menu div.contact {
width:110px;
height:57px;
margin:0;padding:0;
float:left;
background: url('images/boutons/contact.gif') no-repeat bottom left;
}

#top div.menu div.contact:hover {
background: url('images/boutons/contact-pierre.gif') no-repeat bottom left;
}

#top div.menu div.espacePro {
width:110px;
height:57px;
margin:0;padding:0;
float:left;
background: url('images/boutons/espace-pro.gif') no-repeat bottom left;
}

#top div.menu div.espacePro:hover {
background: url('images/boutons/espace-pro-pierre.gif') no-repeat bottom left;
}

#top div.menu div.monCompte {
width:110px;
height:57px;
margin:0;padding:0;
float:left;
background: url('images/boutons/mon-compte.gif') no-repeat bottom left;
}

#top div.menu div.monCompte:hover {
background: url('images/boutons/mon-compte-pierre.gif') no-repeat bottom left;
}

/************************************************************/
/* Boite Menu Gauche                                        */
/************************************************************/


#left {
	position: relative;
	width: 200px;
	margin:0;padding:0;
	float:left;
}

/* Titre des Catégories */
#left h1 {
	background: #e9edf0;
	width: 186px;
	margin: 0 0 0 7px;
	text-transform:uppercase;
	font: bold 1.3em sans-serif;
	color:#ae269e;
	text-indent: 10px;
	padding: 4px 0px 2px 0px;
	border-bottom: 1px solid #cdcdcd;
}

/* Titre des Sous Catégories */
#left h2 {
	width: 185px;
	margin: 0 0 0 7px;
	text-transform:capitalize;
	font:normal 1.1em sans-serif;
	color:#094685;
	text-indent: 20px;
	padding: 4px 0px 0.33em 0px;
	background: url("images/puce.gif") #FFF no-repeat top left;
	border-bottom: 1px dashed #cdcdcd;
}

/* Liens des Sous Catégories */
#left h2:hover { border-bottom: 1px dashed #f18800; color:#f18800; background: url("images/puce2.gif") no-repeat top left; }
#left h2 a { color:#094685; text-decoration:none; }
#left h2 a:visited { color:#094685; text-decoration:none; }
#left h2 a:active { color:#094685; text-decoration:none; }
#left h2 a:hover { color:#f18800; text-decoration:none; }


/************************************************************/
/* Boite Navigation Centrale                                */
/************************************************************/


/*---- Mini Fiches Produits : Categories, Mineraux, Recherche... ------*/

#middle {
	position: relative;
	width:570px;
	background:#FFFFFF;
	float:left;
	font: 1.2em sans-serif;
	margin:0;padding:0;
	text-align:justify;
}

#middle div.content { position:relative; margin: 10px 5px 10px 5px; padding:0; }

div.content h1 {
	margin:0 0 15px 0;padding:0 0 3px 15px;
	font: bold 1.8em sans-serif;
	font-variant:small-caps;
	text-transform:capitalize;
	letter-spacing:0.2em;
	border-bottom: 2px solid #00458c;
	color:#467bb0
}

div.content h1:first-letter { font: bold 1.6em sans-serif; color: #00458c; }

div.content h1 span.search_word {
text-transform:uppercase;
font-size:14px;
color:#003399;
text-decoration:none;
font-weight:bold;
}

div.content p {
	margin:0; padding:0 0 10px 0;
	text-align:justify;
	line-height:normal;
}

div.prod_mini {
	position:relative;
	margin:0 0 10px 25px;padding:0;
	float:left;
	border:1px solid #C2C2C2;
	width:150px;
}

div.prod_mini img {
	width:150px;
	height:150px;
}

div.prod_mini h1 {
	font:bold 1.2em sans-serif;
	letter-spacing:normal;
	border:0;
	margin:0 3px 0 3px;padding:0;
	text-align:center;
}

div.prod_mini h1 a, div.prod_mini h1 a:visited, div.prod_mini h1 a:active {
	color:#467bb0;
	text-decoration:none;
}

div.prod_mini h1 a:hover {
	border-bottom: 1px dashed #00458c;
}

div.prod_mini p.nommini {
	font: 0.8em sans-serif;
	text-align:center;
	margin:0; padding:0 0 5px 0;
	color:#467bb0;
}

div.prod_mini p.ref {
	font: 0.8em sans-serif;
	text-align:center;
	margin:0; padding:0 0 5px 0;
}

div.prod_mini p.prix {
	font: bold 1.2em sans-serif;
	text-align:center;
	margin:0; padding:0 0 5px 0;
	color:#b8136d;
}

div.prod_mini p.acheter {
	font: bold 1.2em sans-serif;
	text-align:center;
	margin:0; padding:0 0 5px 0;
	font-variant:small-caps;
	
}

div.prod_mini p.acheter:hover {
	cursor:pointer;
	background:#000000;
	color:#FFFFFF;
}

a.acheter, a.acheter:visited, a.acheter.active {
	color:#000000;
}

a.acheter:hover {
	background:#000000;
	color:#FFFFFF;
}

a.info {
position: relative;
text-decoration: none;
}

a.info span {
display: none;
}

span.hidpatho {
display: none;
}

/*a.info:hover {
background: none;
z-index: 500;
}*/

/*a.info:hover span {
display: inline;
position: absolute;
top: -160px;
left: 10em;
background:#eda2ea;
text-align: justify;
color: black;
padding: 5px;
width:250px;
border: 1px solid #b12fac;
font:1.1em sans-serif;
}*/

/*a.info:hover span h1{
text-align: justify;
color: black;
font:bold 1.1em sans-serif;
margin:0;padding:0 0 15px 0;
}*/



/*--- Fiches Produits completes ---------------------------------*/

div.prod {
	position:relative;
	margin:0 10px 10px 10px;padding:0;
	float:left;
}

div.prod h1 {
	margin:0 0 15px 0;padding:0 0 3px 0;
	font: bold 1.7em sans-serif;
	font-variant:small-caps;
	text-transform:capitalize;
	letter-spacing:0.2em;
	border-bottom: 2px solid #00458c;
	color:#467bb0
}

div.prod h1:first-letter { font: bold 1.4em sans-serif; color: #00458c; }

div.prod h2 {
	margin:15px 0 15px 0;padding:3px 0 3px 15px;
	font: bold 1.7em sans-serif;
	font-variant:small-caps;
	text-transform:capitalize;
	letter-spacing:0.1em;
	border-bottom: 2px solid #11570a;
	border-top: 2px solid #11570a;
	color:#18ae11;
}

div.returnup {
margin:15px 0 15px 0;padding:0;
text-align:right;
}

div.returnup a, div.returnup a.visited, div.returnup a:active {
font:normal 0.8em sans-serif;
color:#2a50a4;
text-decoration:none;
}

div.returnup a:hover {
font:normal 0.8em sans-serif;
color:#7798e5;
text-decoration:none;
}

/*--- Zone Image Presentation ---*/

div.prod div.img_prod {
position:relative;
float:left;
padding:20px 20px 20px 20px;
margin:0px 15px 10px 0px;
border: 1px solid #CDCDCD;
background:#FFFFFF;
}

/*--- Zone Prix Stock Vignettes ---*/

div.prod div.vignettes {
margin:0;padding:0;
}

div.prod div.vignettes img {
float:left;
margin:0 5px 0 0;padding:0;
}

div.prod span.prix {
color:#CC0000;
font:bold 2.2em sans-serif;
}

div.prod span.promo {
color:#666666;
font:normal 1em sans-serif;
}

div.prod span.promoPrix {
color:#666666;
font:normal 1em sans-serif;
text-decoration:line-through;
}

div.prod span.livraison {
color:#666666;
font:normal 1em sans-serif;
}

div.prod span.stock {
color:#CC0000;
font:bold 1.2em sans-serif;
}

/*--- Zone MiniDes et Infos Rapides ---*/
div.prod span.miniDes {
font:normal 1em sans-serif;
color:#450a96;
}

div.prod span.infoR {
color:#bf0000;
font:bold 1em sans-serif;
}

div.prod span.infoV {
color:#0a9407;
font:bold 1em sans-serif;
}

div.prod span.infoO {
color:#d06700;
font:bold 1em sans-serif;
}


/*--- Zone Fiche Technique ---*/

table.ficheTechBleu tr.style1 {
background-color : #e1e8fa ;
text-align : left ;
margin:0; padding:0;
}

table.ficheTechBleu tr.style2 {
background-color : #FFFFFF ;
text-align : left ;
margin:0;padding:0;
}

table.ficheTechBleu td {
margin:0;
padding:5px 5px 5px 5px;
}

table.ficheTechBleu td.ficheCaraTitle {
color:#000000;
font:bold 0.9em sans-serif;
}

table.ficheTechBleu td.ficheCaraDes {
color:#000000;
font:normal 0.9em sans-serif;
}

table.ficheTechBleu td.ficheCaraDes ul {
margin:0; padding:0 0 0 15px;
}

table.ficheTechBleu td.ficheCaraDes li {
color:#382899;
font:normal 1em sans-serif;
}

table.ficheTechBleu tr.caraTitle {
background-color : #f3e7bd;
height:24px;
}

table.ficheTechBleu tr.caraTitle td {
color: #463704;
text-align:center;
font:bold italic 1.4em sans-serif;
}

/*--- Zone Detail Produit ---*/

div.detailprod {
padding:0;margin:0;
font:normal 1em sans-serif;
color:#333333;
}

div.detailprod ul {
margin:0 0 0 25px;
padding:0 0 0 0;
}

div.detailprod li {
color:#382899;
font:normal 1em sans-serif;
}

div.detailprod li.title {
color:#4980b2;
font:bold 1.2em sans-serif;
padding:15px 0 5px 0;
}

div.detailprod div.detailNomPierre {
font:bold 1.4em sans-serif;
color:#bd0888;
padding:0;
margin:10px 0 0 0;
}

/*--- Gallery Photos et Video ---*/
div.gallery {
text-align:center;
margin:0;padding:0;
}

div.video {
text-align:center;
margin:0;padding:0;
}

/************************************************************/
/* Boite Menu Droite                                        */
/************************************************************/

#right {
	position: relative;
	width: 180px;
	float:left;
}

div.bantop {
	position:relative;
	margin:0 0 1em 0; padding:0 0 0 5px;
	height:150px;
	text-align:center;
}

div.title_top {
	position:relative;
	margin:0 0 1em 0;padding:0 10px 0 10px;
	font: 1.1em sans-serif;
	text-transform:capitalize;
	font-variant:small-caps;
	text-align:justify;
	line-height:normal;
}

div.title_top h1 {
	font: bold 1.1em sans-serif;
	text-align:center;
	text-transform:capitalize;
	font-variant:small-caps;
	margin:0;padding:0;
}

/* -------------------------------*/
/* ---- Sous Boite Recherche ---- */
/* -------------------------------*/

#right div.rechercher {
	width: 160px;
	margin:0 0 0 5px; padding:0;
	position: relative;
	left:5px;
}

/* Titre Rechercher */
div.rechercher h1 {
	background: #c3818d url("images/boites/rechercher/top.jpg") no-repeat left top;
	height:23px;
	font: italic bold 1.7em "Times New Roman";
	color:#FFF;
	text-transform:capitalize;
	text-align:center;
	padding: 4px 0px 0px 0px;
	margin:0;
}

/* Fond du contenant de Recherche */
div.rechercher div.middle {
	background: url("images/boites/rechercher/middle.jpg") repeat-y left top;
	margin:0;
	padding: 4px;
}

/* Alignement du contenu de Recherche */
div.rechercher div.middle div.mid_content { margin:0px 0px 0px 6px; }

/* Fond de fin de cadre Recherche */
div.rechercher div.bottom {
	background: url("images/boites/rechercher/bottom.jpg") no-repeat left top;
	height:16px;
	margin:0;
	padding:0;
}

/* Contenant du Bouton Rechercher */
div.rechercher div.bottom div.img_search {
	display:block;
	width:90px;
	text-align:center;
	position:relative;
	left:35px;
}

/* style du Bouton Rechercher Neutre */
div.rechercher div.img_search .bouton {
	background: url("images/boites/rechercher/rechercher.jpg");
	border:0;
	width: 90px;
	height:27px;
}

/* Style du Bouton Rechercher Hover */
div.rechercher div.img_search .bouton:hover {
	background: url("images/boites/rechercher/rechercher-clic.jpg");
	cursor:pointer;
}

/* Style champs de saisie de recherche */
div.rechercher input.insearch { width:140px; }

/* Style sélection de recherche */
div.rechercher select.sesearch { width:140px; }

/* Style des labels recherche */
div.rechercher label.lsearch { font: 1.2em sans-serif; }

/* Espacement entre div */

div.rechercher div.cadreSpace {
margin:0; padding:1px;
float:left;
width:20px;
display:block;
}

/* -------------------------------*/
/* ---- Boite Rechercher     ---- */
/* -------------------------------*/

#right div.rechercher {
	width: 160px;
	min-height:175px;
	margin:0 0 0 5px; padding:0;
	position: relative;
	left:5px;
	background: url("images/boites/rechercher/middle.jpg") repeat-y left top;

}

/* Fond du contenant */
#right div.rechercher div.middle {
	background: url("images/boites/rechercher/top.jpg") no-repeat left top;
	margin:0;padding:50px 0 0 0;
	min-height:155px;
}

/* Alignement du contenu de Recherche */
#right div.rechercher div.middle div.mid_content { margin:0px 0px 0px 6px; }

/* Police interieur et liens*/
#right div.rechercher div.middle div.mid_content p { 
font:normal 1.2em sans-serif;
margin:0; padding:0 0 10px 0;
}

/* Fond de fin de cadre Recherche */
#right div.rechercherBottom {
	background: url("images/boites/rechercher/bottom.jpg") no-repeat left top;
	height:19px;
	width: 160px;
	margin:0 0 0 5px; padding:0;
	position: relative;
	left:5px;
}

/* Contenant du Bouton Rechercher */
#right div.rechercher div.img_search {
	display:block;
	width:145px;
	text-align:center;
	position:relative;
	margin:0;padding:40px 0 0 0;
	
}

/* style du Bouton Rechercher Neutre */
#right div.rechercher div.img_search .bouton {
	background: url("images/boites/rechercher/recherche1.gif");
	border:0;
	width: 104px;
	height:29px;
}

/* Style du Bouton Rechercher Hover */
#right div.rechercher div.img_search .bouton:hover {
	background: url("images/boites/rechercher/recherche2.gif");
	cursor:pointer;
}

/* Style champs de saisie de recherche */
#right div.rechercher input.insearch { width:140px; }

/* Style sélection de recherche */
#right div.rechercher select.sesearch { width:140px; }

/* Style des labels recherche */
#right div.rechercher label.lsearch { font: 1.2em sans-serif; }


/* -------------------------------*/
/* ---- Sous Boite Classique ---- */
/* -------------------------------*/

#right div.boite {
	width: 160px;
	min-height:175px;
	margin:0 0 0 5px; padding:0;
	position: relative;
	left:5px;
	background: url("images/boites/dictionnaires/middle.jpg") repeat-y left top;

}

/* Fond du contenant */
div.boite div.middle {
	background: url("images/boites/dictionnaires/top.jpg") no-repeat left top;
	margin:0;padding:50px 0 0 0;
	min-height:134px;
}

/* Alignement du contenu de Recherche */
div.boite div.middle div.mid_content { margin:0px 0px 0px 6px; }

/* Police interieur et liens*/
div.boite div.middle div.mid_content p { 
font:normal 1.2em sans-serif;
margin:0; padding:0 0 10px 0;
}

/* Fond de fin de cadre Recherche */
div.boiteBottom {
	background: url("images/boites/dictionnaires/bottom.jpg") no-repeat left top;
	height:36px;
	width: 160px;
	margin:0 0 0 5px; padding:0;
	position: relative;
	left:5px;
}


/* Espacement entre div */

div.boite div.cadreSpace {
margin:0; padding:1px;
float:left;
width:20px;
display:block;
}

/* PAGES */



table.raisons {
color:#000000;
font-size:11px;
font-family:sans-serif;
text-align:left;
}

table.raisons font.title {
color:#000000;
font-size:11px;
font-family:sans-serif;
text-align:left;
}

table.raisons td {
padding:5px;
text-align:left;
}
.ajout_panier { COLOR: #2E91D3; FONT-FAMILY: sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; TEXT-ALIGN: center; FONT-WEIGHT: bold; }

/* CADRES Accueil */

div.cadreJaune {
padding:10px;
font: normal 1em sans-serif;
background: rgb(255, 250, 209);
border: 1px solid rgb(255, 204, 0);
border-right: 2px solid rgb(255, 204, 0);
border-bottom: 2px solid rgb(255, 204, 0);
margin:0;
min-height:200px;
}

div.cadreJauneT {
padding:5px;
font: bold 1.4em sans-serif;
background: rgb(255, 240, 204);
border: 1px solid rgb(255, 204, 0);
margin:0;
margin-bottom:10px;
}

a.linkj, a.linkj:active, a.linkj:visited {
font: bold 1em sans-serif;
color:#dc9b00;
text-decoration:none;
}

a.linkj:hover {
font: bold 1em sans-serif;
color:#dc9b00;
text-decoration:underline;
}

div.cadreRose {
padding:10px;
font: normal 1em sans-serif;
background: rgb(255, 234, 234);
border: 1px solid rgb(255, 162, 162);
border-right: 2px solid rgb(255, 162, 162);
border-bottom: 2px solid rgb(255, 162, 162);
margin:0;
min-height:200px;
}

div.cadreRoseT {
padding:5px;
font: bold 1.4em sans-serif;
background: rgb(255, 227, 227);
border: 1px solid rgb(255, 162, 162);
margin:0;
margin-bottom:10px;
}

a.linkr, a.linkr:active, a.linkr:visited {
font: bold 1em sans-serif;
color:#b00042;
text-decoration:none;
}

a.linkr:hover {
font: bold 1em sans-serif;
color:#b00042;
text-decoration:underline;
}

div.cadreVert {
padding:10px;
font: normal 1em sans-serif;
background: rgb(240, 255, 240);
border: 1px solid rgb(128, 224, 128);
border-right: 2px solid rgb(128, 224, 128);
border-bottom: 2px solid rgb(128, 224, 128);
margin:0;
min-height:200px;
}

div.cadreVertT {
padding:5px;
font: bold 1.4em sans-serif;
background: rgb(224, 255, 224);
border: 1px solid rgb(128, 224, 128);
margin:0;
margin-bottom:10px;
}

a.linkv, a.linkv:active, a.linkv:visited {
font: bold 1em sans-serif;
color:#03a903;
text-decoration:none;
}

a.linkv:hover {
font: bold 1em sans-serif;
color:#03a903;
text-decoration:underline;
}

div.cadreBleu {
padding:10px;
font: normal 1em sans-serif;
background: rgb(240, 240, 255);
border: 1px solid rgb(160, 160, 255);
border-right: 2px solid rgb(160, 160, 255);
border-bottom: 2px solid rgb(160, 160, 255);
margin:0;
min-height:200px;
}

div.cadreBleuT {
padding:5px;
font: bold 1.4em sans-serif;
background: rgb(224, 224, 255);
border: 1px solid rgb(160, 160, 255);
margin:0;
margin-bottom:10px;
}

a.linkb, a.linkb:active, a.linkb:visited {
font: bold 1em sans-serif;
color:#0d0d9a;
text-decoration:none;
}

a.linkb:hover {
font: bold 1em sans-serif;
color:#0d0d9a;
text-decoration:underline;
}

/************************************************************/
/* PANIER                                                   */
/************************************************************/
table.repanier {
width:550px;
padding:0;margin:0
font:normal 1em sans-serif;
}

table.repanier td.design {
padding:5px;margin:0;
font:normal 1em sans-serif;
color:#666666;
width:330px;
border-bottom:1px solid #dadada;
}

table.repanier td.design img {
margin:0;
margin-right:10px;
}

table.repanier td.design a, table.repanier td.design a.active, table.repanier td.design a.visited {
font:normal 1em sans-serif;
color:#666666;
text-decoration:none;
} 

table.repanier td.design a:hover {
font:normal 1em sans-serif;
color:#666666;
text-decoration:underline;
}

table.repanier td.qty {
font:normal 1em sans-serif;
color:#666666;
width:95px;
text-align:center;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
}

table.repanier td.totalpa {
font:bold 1em sans-serif;
color:#000000;
width:125px;
text-align:right;
border-bottom:1px solid #dadada;
}

table.repanier td.qtyro {
font:bold 1.2em sans-serif;
color:#FF0000;
width:95px;
text-align:center;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
}

table.repanier td.totalro {
font:bold 1.2em sans-serif;
color:#FF0000;
width:125px;
text-align:right;
border-bottom:1px solid #dadada;
}

span.etoile {
font:bold 0.8em sans-serif;
color:#FF0099;
}

div.etoile {
color:#666666;
font:normal 0.8em sans-serif;
}

table.adresse {
width:450px;
padding:0;margin:0
font:normal 1em sans-serif;
}

table.adresse td.modep {
width:330px;
padding:5px;margin:0;
border-bottom:1px solid #dadada;
font:normal 1em sans-serif;
}

table.adresse td.image {
width:100px;
padding:5px;margin:0;
border-bottom:1px solid #dadada;
}

h2.divers {
	margin:15px 0 15px 0;padding:3px 0 3px 15px;
	font: bold 1.7em sans-serif;
	font-variant:small-caps;
	text-transform:capitalize;
	letter-spacing:0.1em;
	border-bottom: 2px solid #11570a;
	border-top: 2px solid #11570a;
	color:#18ae11;
}

table.coord {
width:520px;
padding:0;margin:0
font:normal 1em sans-serif;
}

table.coord td {
border-bottom:1px solid #dadada;
}

div.paiement {
margin:0;padding:0;
width:500px;
text-align:left;
font:normal 1em sans-serif;
}

/* FOOTER */
div.footer {
background-color:#FFFFFF;
border-top:1px solid #094685;
margin:0;padding:10px;
font:normal 1em sans-serif;
color:#094685;
text-align:center;
}

div.footer_link {
font:normal 1em sans-serif;
color:#094685;
text-align:center;
margin:0;padding:0;
}

div.footer a, div.footer a:visited, div.footer a:active, div.footer a:hover {
font:normal 1em sans-serif;
color:#094685;
text-align:center;
text-decoration:underline;
}

div.footer_link a, div.footer_link a:visited, div.footer_link a:active, div.footer_link a:hover {
font:normal 1em sans-serif;
color:#094685;
text-align:center;
text-decoration:underline;
}


.spacer { clear:both; }