/* Projet : dlx-commerce v.2.0 pour SpathFluorMinerals
*  Auteur : PL-Datalinx
*  Historique : 01/05/2008 - Version initiale
*
*  Objet : Feuille de styles du site
*
*  Gamme chromatique
*  -----------------
*  Gris anthracite.............. #353a34 (texts)
*  Brun 1 (sombre).............. #4b4031
*  Brun 2....................... #6a5a43
*  Brun 3 (clair)............... #8d7859
*  Beige (background)........... #ddd6c5
*  Ocre foncé................... #cb8b34 (links on)
*  Ocre clair................... #ddad61
*  Bleu Turquoise............... #339999 (links off)
*  Fuschia sombre............... #cc3399
*  Fuschia clair................ #ff0099
*/
body {
    margin: 0px;
	background-color: #ddd6c5;
}
table {
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #353a34;
}
A:link, A:visited {
	color: #339999;
    text-decoration: none;
}
A:active, A:hover {
	color: #cb8b34;
    text-decoration: none;
}

/***** Cadre général *****/
.cadre-h {
	background-image: url(../images/cadre/h.png);
}
.cadre-b {
	background-image: url(../images/cadre/b.png);
}
.cadre-g {
	background-image: url(../images/cadre/g.png);
	width: 14px;
}
.cadre-d {
	background-image: url(../images/cadre/d.png);
	width: 18px;
}
.main {
	background-color: #FFF;
}

/***** Header et Footer *****/
.header {
	background-image: url(../images/header-bg.png);
	background-repeat: repeat-x;
	background-position: top center;
	height: 139px;
}

.footer {
	font-size: 11px;
	color: #8d7859;
}
.footer A:link, .footer A:visited {
	color: #8d7859;
    text-decoration: none;
}
.footer A:active, .footer A:hover {
	color: #6a5a43;
    text-decoration: none;
}

.panier {
	font-size: 12px;
    color: #ddd6c5;
    vertical-align: top;
    padding-top: 8px;
}

/***** Titres et Textes *****/

.gd-titre {
	font-size: 18px;
	color: #cb8b34;
	font-weight: normal;
	text-transform: uppercase;
}
.gd-titre A:link, .gd-titre A:visited {
	color: #cb8b34;
    text-decoration: none;
}
.gd-titre A:active, .gd-titre A:hover {
	color: #339999;
    text-decoration: none;
}

.ss-titre {
	font-size: 18px;
	color: #8d7859;
	font-weight: normal;
}

.typo1 {
	font-size: 11px;
	color: #353a34;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.typo2 {
	font-size: 11px;
	color: #8d7859;
	font-weight: normal;
}

.typo3 {
	font-size: 11px;
	color: #6a5a43;
	font-weight: normal;
}
.typo3 A:link, .typo3 A:visited {
	color: #cb8b34;
    text-decoration: none;
}
.typo3 A:active, .typo3 A:hover {
	color: #339999;
    text-decoration: none;
}

.typo4 {
	font-size: 14px;
	color: #cb8b34;
	font-weight: bold;
	text-transform: uppercase;
}
.typo4 A:link, .typo4 A:visited {
	color: #339999;
    text-decoration: none;
}
.typo4 A:active, .typo4 A:hover {
	color: #cb8b34;
    text-decoration: none;
}

.typo5 {
	font-size: 12px;
	color: #8d7859;
	font-weight: bold;
}

/***** Boxes *****/
.box {
	background-image: url(../images/box-bg.png);
}
.box-label {
	font-size: 11px;
	color: #353a34;
}
.box-label A:link, .box-label A:visited {
	color: #ddd6c5;
    text-decoration: none;
}
.box-label A:active, .box-label A:hover {
	color: #ddad61;
    text-decoration: none;
}
.box-label2 {
	font-size: 11px;
	color: #8d7859;
}

.fam-n1 {
	font-size: 12px;
	font-weight:bold;
	font-style: normal;
	padding:1px 0 2px 4px;
}
.fam-n2 {
	font-size: 12px;
	font-weight:normal;
	font-style: normal;
	padding:1px 0 2px 4px;
}
.fam-n3 {
	font-size: 11px;
	font-weight:normal;
	font-style: normal;
	padding:1px 0 2px 4px;
}
.fam-n4 {
	font-size: 10px;
	font-weight:normal;
	font-style: italic;
	padding:1px 0 2px 4px;
}

/***** (formulaires) *****/
.asterisque {
	font-size: 11px;
	color: #F30;
}
.frm-error {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #F00;
	background-color: #fcebeb;
	border: solid 1px #F00;
	padding: 2px 6px;
}

.frm-cadre1 {
	border: 1px solid #ddd6c5;
}
.frm-cadre2 {
	border: 2px solid #ddd6c5;
}
.frm-cadre3 {
	border: 2px solid #8d7859;
	background-color: #FFF;
}
.frm-cadre4 {
	background-color: #ddd6c5;
	border: 1px solid #8d7859;
}

.frm-label {
	font-size: 11px;
	color: #4b4031;
	background-color: #daceaf;
	padding-left: 6px;
}
.frm-textbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4b4031;
	background-color: #ddd6c5;
    border: solid 1px #4b4031;
	padding: 1px 2px 1px 2px;
}
.frm-textbox2 {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4b4031;
	background-color: #FFF;
    border: solid 1px #4b4031;
	padding: 1px 2px 1px 2px;
}
.frm-listbox {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4b4031;
	background-color: #ddd6c5;
    border: solid 1px #4b4031;
    padding: 1px 1px 1px 2px;
}
.frm-listbox2 {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #4b4031;
	background-color: #FFF;
    border: solid 1px #4b4031;
    padding: 1px 1px 1px 2px;
}
.frm-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #6a5a43;
	color: #ddd6c5;
	border: solid 1px #ddd6c5;
}
.frm-misc-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #6a5a43;
	color: #ddd6c5;
	border: solid 1px #ddd6c5;
}
.frm-del-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #e04848;
	color: #fcebeb;
	border: solid 1px #fcebeb;
}

/********** Tableaux **********/
.grid {
	border: solid 1px #6a5a43;
	background-color: #FFF;
}
.grid A:link, .grid A:visited {
	color: #339999;
    text-decoration: none;
}
.grid A:active, .grid A:hover {
	color: #cb8b34;
    text-decoration: none;
}
.grid-empty {
	border: solid 1px #8d7859;
	background-color: #daceaf;
}
.grid-header {
	font-size: 11px;
	font-weight: bold;
	color: #ddd6c5;
	background-color: #6a5a43;
	padding: 2px 5px;
}
.grid-row0 {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 5px;
	background-color: #efe8d8;
}
.grid-row1 {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 5px;
	background-color: #daceaf;
}

/***** Boutons de pagination *****/
.cadre-pagine {
	background-color: #ddd6c5;
}
.page-off {
	background-color: #FFF;
	font-size: 11px;
	color: #6a5a43;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-weight: bold;
}
A.page-off, A.page-off:link, A.page-off:visited {
	color: #6a5a43;
    text-decoration: none;
}
A.page-off:hover, A.page-off:active {
	color: #8d7859;
    text-decoration: none;
}
.page-on {
	background-color: #6a5a43;
	font-size: 11px;
	color: #FFF;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-weight: bold;
}
A.page-on, A.page-on:link, A.page-on:visited {
	color: #FFF;
    text-decoration: none;
}
A.page-on:hover, A.page-on:active {
	color: #ddd6c5;
    text-decoration: none;
}

/***** Listes et fiches-produits *****/
.list-legend-prix {
	font-size: 12px;
	font-weight: normal;
	color: #8d7859;
	text-align: left;
}
.list-prix {
	font-size: 14px;
	font-weight: bold;
	color: #cb8b34;
	text-align: right;
}
.list-prix-barre {
	font-size: 12px;
	font-weight: bold;
	color: #cc3399;
	text-decoration: line-through;
	text-align: left;
}
.list-prix-promo {
	font-size: 14px;
	font-weight: bold;
	color: #ff0099;
	text-align: right;
}

/***** fiche-produit *****/
.cadre-photo {
	background-color: #FFF;
	border: 1px solid #ddd6c5;
	padding: 0;
	margin: 0;
}
.cadre-vignette {
	background-color: #FFF;
	border: 1px solid #ddd6c5;
	padding: 2px;
}
.cadre-techn {
	background-color: #ddd6c5;
	padding: 5px;
}
.fiche-legend-prix {
	font-size: 13px;
	font-weight: bold;
	color: #6a5a43;
}
.fiche-prix {
	font-size: 16px;
	font-weight: bold;
	color: #cb8b34;
}
.fiche-legend-promo {
	font-size: 13px;
	font-weight: bold;
	color: #cc3399;
}
.fiche-prix-barre {
	font-size: 13px;
	font-weight: bold;
	color: #cc3399;
	text-decoration: line-through;
}
.fiche-prix-promo {
	font-size: 16px;
	font-weight: bold;
	color: #ff0099;
}

.trait {
	line-height:1px;
	border-bottom: 1px solid #8d7859;
}

/***** popup commande *****/
.dialbox {
	position: absolute;
	background-color: #F5F3E1;
	border: 2px solid #3159a8;
	color: #444;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	z-index: 1000;
}
.dialbox A:link, .dialbox A:visited {
	color: #06C;
    text-decoration: none;
}
.dialbox A:active, .dialbox A:hover {
	color: #E00;
    text-decoration: none;
}
.dialbox-titre {
	background-color: #3159a8;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	padding: 2px;
	text-align: left;
}

/* Gamme chromatique
*  -----------------
*  Gris anthracite.............. #353a34 (texts)
*  Brun 1 (sombre).............. #4b4031
*  Brun 2....................... #6a5a43
*  Brun 3 (clair)............... #8d7859
*  Beige (background)........... #ddd6c5
*  Ocre foncé................... #cb8b34 (links on)
*  Ocre clair................... #ddad61
*  Bleu Turquoise............... #339999 (links off)
*  Fuschia sombre............... #cc3399
*  Fuschia clair................ #ff0099
*/