table { font-size: 10pt; }

.smallText { font-size: 8pt; } 
 
/* Liens ------------------------------------------------------------------- */

a { text-decoration: none; color : #778899; }

a:hover {  text-decoration: underline; color : #8899aa; }

a:active {  text-decoration: underline; color : red; }

/* Bloc des titre princiaux des pages -------------------------------------- */

table.pageHeading {
    border-bottom: 1px solid #aabbcc;
    padding-bottom: 10px;
    margin: 5px 0 20px 0;
}

td.pageHeading {
    vertical-align: bottom;
    padding-bottom: 10px;
}

td.pageHeading h1 {
    color: #aabbcc;
    font: bold normal normal 140% Arial, sans serif;
    margin: 0;
}


/* Bloc HTML de description des rubriques ---------------------------------- */

td.category_desc {
   /* border-bottom: 1px solid #aabbcc; */
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* Bloc d'affichage des sous-catégories ------------------------------------ */

table.subCategoryBlock {
    border-bottom: 1px solid #aabbcc;
    padding-bottom: 0px;
    margin: 0 0 20px 0;
}

table.subCategoryBlock td {
    text-align: left;
    vertical-align: top;
    padding-bottom: 15px;
}

/*-------------------------------------------------------------------------- */
/* Bloc d'affichage de la liste des produits par colonne                     */

table.prodListColumns { }

td.prodListColumnsL { vertical-align: top;  border: 1px solid #aabbcc; padding: 5px; }  /* colonnes de gauche */ 
td.prodListColumnsC { vertical-align: top;  border: 1px solid #aabbcc; padding: 5px; }  /* colonnes au centre */
td.prodListColumnsR { vertical-align: top;  border: 1px solid #aabbcc; padding: 5px; }  /* colonnes de droite */

div.prodListColumnsBox { height: 100%; padding: 7px; }

table.prodListColumnsContent { height: 100%; }

td.prodListColumnsImg { text-align: center; vertical-align: middle; }

td.prodListColumnsImg img { border: 1px solid #999999; margin: 0px;}

td.prodListColumnsName { font-weight: bold; color: #999999; padding-bottom: 10px; }

td.prodListColumnsDesc { padding-bottom: 15px; text-align: justify; }

td.prodListColumnsPrice { font-size: 8pt; }

td.prodListColumnsPrice span.specials_price { color: red; }

td.prodListColumnsDetail { font-size: 8pt; }


/*-------------------------------------------------------------------------- */
/* Bloc d'affichage de la liste des produits par ligne                       */

table.prodListRow { width: 75%; padding: 0px 0 0px 0; }

td.prodListRowImg { text-align: center; vertical-align: middle; }

td.prodListRowImg img { border: 8px solid #303030; /* border: 10px solid #999999; */ }

td.prodListRowName{ font-weight: bold; color: #999999; padding: 10px 0 10px 0; }

td.prodListRowManufacturer { font-weight: bold; color: #999999; padding: 10px 0 10px 0; }

td.prodListRowDesc { padding-bottom: 10px; text-align: justify; }

td.prodListRowPrice { font-size: 8pt; }

td.prodListRowPrice span.specials_price { color: red; }

td.prodListRowDetail { font-size: 8pt; }


/*-------------------------------------------------------------------------- */
/* Page d'information produit                                                */

.productSpecialPrice { color: red; }

td.heading_select_manufacturer { font-size: 8pt; }

td.heading_select_manufacturer select { font-size: 8pt; }

td.product_info_imgenlarge { font-size: 8pt; padding: 0 0 10px 0; text-align: center; }

td.product_info_imgenlarge img.mediumimg { margin: 0 0 10px 0; border: 10px solid #303030; /* border: 1px solid #555555; */ }

img.imagelarge { border: 14px solid #303030; }

td.product_info_description { text-align: justify; padding: 20px 0 30px 0; }

td.product_apres_description { padding: 0 0 20px 0; }

td.text_product_options { font-weight: bold; padding: 0 0 8px 0; }

td.product_options select {
    width: 250px;
    font-size: 8pt;
    border: 1px solid #ddeeff;
    height: 20px;
}

td.product_add_quantity input {
    width: 30px;
    font-size: 8pt;
    border: 1px solid #aabbcc;
    height: 20px;
}

td.product_options_radio {
    width: 60%;
    padding : 7px 0 0 0; }

tdproduct_options_table { margin-bottom: 30x;}

td.product_info_price { color: #999; font-size: 80%; }

/*-------------------------------------------------------------------------- */
/* Panier                                                                    */

table.productListing { }

td.productListing-heading {
    text-align: center;
    background-color: #dbdcff;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    text-align:center;
}

table#addtoCart { margin-top: 5px; }

td.productListing-even { vertical-align: middle; }

td.productListing-odd { vertical-align: middle; }

td.productListing-data { vertical-align: middle; border-bottom: 1px solid #dbdcff; }

td.productListing-image img { border: 1px solid #999999; }
td.productListing-image {  vertical-align: middle; padding: 4px;}
td.productListing-desc { vertical-align: middle; padding: 4px; }

.markProductOutOfStock { color: #dd0000; }
.stockWarning { color: #dd0000; }


/*-------------------------------------------------------------------------- */
/* Login                                                                     */

table.loginTbl { border: 1px solid black; padding: 5px; background: #eeeef5; }

table.loginTbl th { height: 28px; vertical-align: middle; }

table.loginTbl td { vertical-align: top; padding: 5px;  font-size: 8pt; }

table.loginTbl td span.loginIntro { font-size: 9pt; }

table.loginTbl td.loginTdInput { width: 100px; }

table.loginTbl td.loginTdInput input { width: 120px; height: 18px; font-size: 7pt; }

table.loginTbl td.loginButton { vertical-align: bottom; text-align: right; }

/*-------------------------------------------------------------------------- */
/* Gestion des comptes                                                      */

table.account { border: 1px solid black; padding: 0px; background: #eeeef5; }

table.account th { height: 22px; vertical-align: middle; text-align: left; padding: 5px; }

table.account td { height: 22px; vertical-align: middle; padding: 5px; }

table.account td input { font-size: 9pt; }
table.account td select { font-size: 9pt; }

table.adresse { border: 1px solid #cccccc; }


/*-------------------------------------------------------------------------- */
/* Historique des commandes                                                  */

table.historique { border: 1px solid black; padding: 0px; background: #ffffee; }

table.historique th { height: 22px; vertical-align: middle; text-align: left; padding: 5px; }

table.historique td { height: 22px; vertical-align: middle; padding: 5px; }

table.historique td input { font-size: 9pt; }
table.historique td select { font-size: 9pt; }


/*-------------------------------------------------------------------------- */
/* Abonnement newsletters & notifications produits                           */

table.abonnement { border: 1px solid black; padding: 0px; background: #eeffff; }

table.abonnement th { height: 22px; vertical-align: middle; text-align: left; padding: 5px; }

table.abonnement td { height: 22px; vertical-align: middle; padding: 5px; }

/*-------------------------------------------------------------------------- */
/* Détail commande                                                           */

table.detailsComHeader { border: 1px solid #999999; padding: 0px; background: #eeffff; }

table.detailsComHeader th { padding: 8px; vertical-align: middle; text-align: left; padding: 5px; }

table.detailsComHeader td { padding: 5px; vertical-align: middle; font-size: 8pt; }

td.detailsComMethod { border: 1px solid #999999; padding: 10px; }

td.detailsComMethod div { padding-bottom: 10px; }

td.detailsComMethod div.subTitle { font-weight: bold; text-align: center; }

table.detailsComProdCadre { border: 1px solid #999999; }

table.detailsComProducts { padding: 10px; }

table.detailsComProducts th { text-align: left; }

table.detailsComProducts td { padding: 3px; }

table.detailsComProducts hr { margin: 10px 0 10px 0; }

/*-------------------------------------------------------------------------- */
/* Pages de commande                                                         */

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


/* table.commandeAdresse { border: 1px solid #999999; } */

table.checkoutShipping { padding: 0px; }

table.checkoutShipping th { text-align: left; border-bottom: 1px solid #999999; }

table.checkoutShipping td { padding: 3px; }

table.checkoutShipping hr { margin: 10px 0 10px 0; }

table.checkoutShipping td.addressBlock { padding: 10px; background: #eeeeff; border: 1px solid #999999; }

table.checkoutShipping textarea { width: 100%; }



/*-------------------------------------------------------------------------- */
/* Styles spécifique pour les pages de fonds d'écran                         */


#tdFondEcran, #tdFondEcran table, #tdFondEcran td { font : normal normal normal 9pt Verdana, Arial, sans-serif; }

#tdFondEcran p { margin: 40px 0 15px 0; font-size: 10pt; font-weight: bold; }

#tdFondEcran table th { color: black; padding: 10px 0 15px 0; font-weight: normal; }

#tdFondEcran table td { color: black; text-align: center; }


/*-------------------------------------------------------------------------- */
/* Promotions                                                                */

s, strike { color: #666; }

.prix { color: #000; }


/*-------------------------------------------------------------------------- */
/* Styles temporaires (a utiliser pour promos)

/* promotions */

div.periode { font: normal normal bold 0.75em/2em Verdana, Arial, Helvetica, sans-serif; color: #c02; margin: 0; padding: 0; }
div.infopromo { font: normal normal bold 0.90em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #555; }
div.infopromo strong { font-size: 120%; color: #c02; }

/* promo page accueil */

div.accpromo {
    /* padding: 5px; */
    margin-top: 80px;
    text-align: right;
    font: normal normal bold 0.75em/1.8em Verdana, Arial, Helvetica, sans-serif; color: #555;
    /* background: url(images/etoile-20.gif) no-repeat top right; */
    /* padding: 30px 15px 0 0; */
}

/* div.accpromo div { border: 1px dashed #555; padding: 6px; } */
div.accpromo div span.promohi { font: normal normal bold 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #c02; }



/*------------------------------------------------------------------------------
 * Module d'abonnement newsletter
*/

#abonewsletter { margin-top: 30px; }

#abonewsletter table { width: 370px; border: 1px solid black; background: #eeeeef; }

#abonewsletter table td { padding: 10px 8px 8px 10px; }

#abonewsletter table td.tdaboemailtext { }
#abonewsletter table td.tdaboemailfield { width: 195px; text-align: right }
#abonewsletter table td.tdaboemailfield input { width: 100%; padding: 2px; font-size: 0.9em; }

#abonewsletter table td.tdabochoix { padding-top: 3px; }
#abonewsletter table td.tdabosubmit { padding-top: 5px; text-align: center; }
#abonewsletter table td.tdabosubmit input { padding:3px 8px 3px 8px; text-align: center; font-size: .9em; }

/*------------------------------------------------------------------------------
 * Module d'envoi Ecards
*/

#sendEcard { margin-top: 30px; }
#sendEcard td.titrechoix { text-align: center; vertical-align: middle; font-size: 0.7em; color: #555; }
#sendEcard td.butchosecardL { text-align: left; vertical-align: middle; padding: 10px; }
#sendEcard td.butchosecardR { text-align: right; vertical-align: middle; padding: 10px; }
#sendEcard td.legende { text-align: center; vertical-align: middle; padding-top: 0px; }
#sendEcard td.legende #ecardLegende { width: 100%; text-align: center; border: 0 none; font-size: 0.9em; }
#sendEcard #infos { border-bottom: 1px dashed #aabbcc; padding-bottom: 20px; margin-bottom: 30px; }
#sendEcard #infos td { font-size: 9pt; text-align: right; padding-top: 1em; }
#sendEcard #infos td input { font: normal normal normal 9pt Arial; color: #4773b9; width: 100%; }
#sendEcard #infos td textarea { font: normal normal normal 9pt Arial; color: #4773b9; width: 100%; }
#sendEcard #ecardmsg { font: normal normal normal 8pt Arial; color: #4773b9; width: 100%; height: 241px; }