/* Projet : dlx-commerce v.2.1 pour Star Boutique
*  Auteur : PL-Datalinx
*  Historique : 18/07/2008 - Version initiale
*
*  Objet : Feuille de styles du site
*
*  Gamme chromatique
*  -----------------
*  Gris (textes................. #666666)
*  Gris (background)............ #777777
*  Jaune d'or................... #FFBA00 (links on)
*  Rouge........................ #A41A1F (links off)
*/
body {
    margin: 0px;
    background-color: #777;
}
table {
	font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #666;
}
A:link, A:visited {
	color: #A41A1F;
    text-decoration: none;
}
A:active, A:hover {
	color: #FFBA00;
    text-decoration: underline;
}
.root {
	background-color: #A41A1F;
	border: solid 2px #FFF;
	width: 950px;
}

/********** Header **********/
.chapo {
	color: #CCC;
	line-height: 20px;
}

.header {
	background-color: #A4171F;
	color: #FFF;
}
.header A:link, .header A:visited {
	color: #FFF;
	text-decoration: none;
}
.header A:active, .header A:hover {
	color: #FFBA00;
    text-decoration: none;
}
.header-typo1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
.header-typo2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
.menus {
	background-image: url(../images/menu-bg.gif);
	font-weight: bold;
	color: #F8F8F8;
	padding-top: 3px;
}
.menus A:link, .menus A:visited {
	color: #FFF;
	text-decoration: none;
}
.menus A:active {
	color: #A41A1F;
    text-decoration: none;
}
.menus A:hover {
	color: #A41A1F;
    text-decoration: underline;
}

/********** Footer **********/
.footer {
	background-image: url(../images/footer-bg.gif);
	background-color: #FFF;
	color: #FFF;
	font-size: 10px;
	padding-bottom: 4px;
}
.footer A:link, .footer A:visited {
	color: #FFC;
	text-decoration: none;
}
.footer A:active {
	color: #A41A1F;
    text-decoration: none;
}
.footer A:hover {
	color: #A41A1F;
    text-decoration: none;
}

.subfooter {
	color: #CCC;
	font-size: 8px;
	width: 950px;
	padding-top: 30px;
	text-align: justify;
}
.subfooter A:link, .subfooter A:visited {
	color: #FFBA00;
	text-decoration: none;
}
.subfooter A:active, .subfooter A:hover {
	color: #FFF;
    text-decoration: none;
}

/********** Corps de la page **********/
.page {
	background-color: #FFF;
	width: 924px;
}
.milieu {
	background-color: #FFF;
	width: auto;
	padding: 0 15px;
}
.gauche {
	background-color: #FFF;
	width: 204px;
}
.droite {
	background-color: #FFF;
	width: 204px;
}

.gd-titre {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #A4171F;
}
.med-titre {
	font-size: 14px;
	font-weight: bold;
}
.ss-titre {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}
.texteintro {
	font-size: 10px;
	color: #8b8875;
}
.signature {
	font-style: italic;
}
.typo1 {
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.typo2 {
	font-size: 11px;
	color: #444;
	font-weight: normal;
}
.typo2rouge {
	font-size: 11px;
	color: #A41A1F;
	font-weight: normal;
}
.typo3 {
	font-size: 10px;
	color: #444;
	font-weight: normal;
}
.typo3rouge {
	font-size: 10px;
	color: #A41A1F;
	font-weight: normal;
}

/********** 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 #CCC;
}
.frm-cadre2 {
	border: 2px solid #ddd6c5;
}
.frm-cadre3 {
	border: 1px solid #CCC;
	background-color: #DFDFDF;
}
.frm-label {
	font-size: 11px;
	color: #444;
	background-color: #DEDEDE;
	padding-left: 6px;
}
.frm-textbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #444;
	padding: 1px 3px 1px 3px;
}
.frm-listbox {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #444;
	background-color: #FFF;
    border: solid 1px #444;
    padding: 1px 1px 1px 2px;
}
.frm-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #444;
}
.frm-button2 { /* (boutons de validation importants) */
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: #A41A1F;
}
.frm-misc-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #444;
}
.frm-del-button {
    font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: #C9080B;
}

/********** Boxes **********/
.box {
	width: 194px;
	margin-top: 8px;
}
.box-top {
	width:194px;
	height:23px;
	background-image: url(../images/box-h.gif);
	color: #FFF;
	font-size: 12px;
	text-align: left;
	padding: 0 10px 0 10px;
}
.box-middle {
	width:194px;
	background-image: url(../images/box-bg.gif);
	text-align: left;
	padding: 3px 10px 3px 10px;
}
.box-bottom {
	width:194px;
	height:24px;
	background-image: url(../images/box-b.gif);
}
.box-label {
	font-size: 10px;
}
.box-label A:link, .box-label A:visited {
	color: #A41A1F;
    text-decoration: none;
}
.box-label A:active, .box-label A:hover {
	color: #FFBA00;
    text-decoration: none;
}
.box-prix {
	font-weight: normal;
	color: #A41A1F;
}

.fam-n1 {
	font-size: 10px;
	font-weight:bold;
	font-style: normal;
	padding:2px 0 2px 4px;
	vertical-align: top;
}
.fam-n2 {
	font-size: 10px;
	font-weight:normal;
	font-style: normal;
	padding:2px 0 2px 4px;
}
.fam-n3 {
	font-size: 10px;
	font-weight:normal;
	font-style: italic;
	padding:2px 0 2px 4px;
}
.fam-n4 {
	font-size: 9px;
	font-weight:normal;
	font-style: normal;
	padding:2px 0 2px 4px;
}

/********** Tableaux **********/
.grid {
	border: solid 1px #999;
}
.grid A:link, .grid A:visited {
	color: #3159A8;
    text-decoration: none;
}
.grid A:active, .grid A:hover {
	color: #C9080B;
    text-decoration: none;
}
.grid-empty {
	border: solid 1px #999;
	background-color: #EEE;
}
.grid-header {
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #444;
	padding: 2px 5px 2px 5px;
}
.grid-row0 {
	font-size: 10px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px 2px 5px;
	background-color: #EFEFEF;
}
.grid-row1 {
	font-size: 10px;
	font-weight: normal;
	color: #444;
	padding: 2px 5px 2px 5px;
	background-color: #DEDEDE;
}

/********** Listes de produits **********/
.cadre-list {
	border: 1px solid #A4171F;
	padding: 0;
	margin: 0;
}
.cadre-pagine {
	background-color: #DFDFDF;
}
.list-modele {
	font-size: 13px;
	font-weight: bold;
	color: #A4171F;
}
.list-price {
	padding: 3px;
	background-color: #A4171F;
}
.list-legend-prix {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #FFBA00;
}
.list-prix {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.list-promo {
	padding: 3px;
	background-color: #F30;
}
.list-prix-barre {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #FF3;
	text-decoration: line-through;
	text-align: left;
}
.list-prix-promo {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.dispo-list {
	padding: 3px;
	background-color: #DFDFDF;
	border: 1px solid #CCC;
}

/***** fiche-produit *****/
.cadre-photo {
	background-color: #FFF;
	border: 1px solid #BBB;
	padding: 0;
	margin: 0;
}
.cadre-vignette {
	background-color: #FFF;
	border: 1px solid #BBB;
	padding: 2px;
}
.cadre-techn {
	background-color: #DFDFDF;
	padding: 5px;
}
.fiche-titre {
	font-size: 14px;
	font-weight: bold;
	color: #A4171F;
}
.fiche-sstitre {
	font-size: 14px;
	font-weight: bold;
	color: #AAA;
}
.fiche-price {
	padding: 3px;
	background-color: #A4171F;
}
.fiche-legend-prix {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #FFBA00;
}
.fiche-prix {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.fiche-promo {
	padding: 3px;
	background-color: #F30;
}
.fiche-prix-barre {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #FF3;
	text-decoration: line-through;
	text-align: left;
}
.fiche-prix-promo {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.dispo-fiche {
	padding: 3px;
	background-color: #DFDFDF;
	border: 1px solid #CCC;
}
.trait {
	line-height:1px;
	border-bottom: 1px solid #BBB;
}

/********** Boutons de pagination **********/
.page-off {
	background-color: #FFF;
	color: #444;
	padding: 2px 4px 2px 4px;
	text-align: center;
	font-weight: bold;
}
A.page-off, A.page-off:link, A.page-off:visited {
	color: #444;
    text-decoration: none;
}
A.page-off:hover, A.page-off:active {
	color: #A4171F;
    text-decoration: none;
}
.page-on {
	background-color: #000;
	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: #DDD;
    text-decoration: none;
}

/********** 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;
}

/***** popup zoom *****/
.zoombox {
	position: absolute;
	background-color: #000;
	border: 3px solid #000;
	z-index: 500;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}