/*
////////////////////////////////////////////
Styles généraux
////////////////////////////////////////////
*/

html, body { background:url(../img/mainBg.gif) top left repeat-x #5d5a5a; margin:0px; }
#global { margin:0px auto; width:978px; min-width:978px; }
#content { width:978px; min-width:978px; position:relative; float:left; }
/*
////////////////////////////////////////////
Styles entete
////////////////////////////////////////////
*/
#header { position:relative; float:left; width:978px; height:144px; background:url(../img/header.gif) top left no-repeat; }
/*
////////////////////////////////////////////
Styles menu principal
////////////////////////////////////////////
*/
#mainMenu { position:relative; float:left; height:42px; top:103px; text-align:center; }
.mainMenuItem { position:relative; float:left; height:41px; }
.mainMenuItemLeft { position:relative; float:left; height:41px; width:17px; background:url(../img/mainMenuItemLeft.gif) top left no-repeat; }
.mainMenuItemLeftDown { position:relative; float:left; height:41px; max-height:41px; width:17px; background:url(../img/mainMenuItemLeftDown.gif) top left no-repeat; }
.mainMenuItemCenter { position:relative; float:left; height:41px; background:url(../img/mainMenuItemCenter.gif) top left repeat-x; width:78px; padding-top:13px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center; line-height:12px; cursor:pointer; }
.mainMenuItemCenterDown { position:relative; float:left; height:41px; background:url(../img/mainMenuItemCenterDown.gif) top left repeat-x; min-width:71px; padding-top:13px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:12px; cursor:pointer; }
.mainMenuItemCenter a { text-decoration:none; }
.mainMenuItemCenterDown a { text-decoration:none; }
.mainMenuItemRight { position:relative; float:left; height:41px; width:19px; background:url(../img/mainMenuItemRight.gif) top left no-repeat; }
.mainMenuItemRightDown { position:relative; float:left; height:41px; width:19px; background:url(../img/mainMenuItemRightDown.gif) top left no-repeat; }
/*
////////////////////////////////////////////
Styles barre et inscription : retour accueil, recherche
////////////////////////////////////////////
*/
#barre { float:left; width:978px; height:32px; background:url(../img/barre.gif) top left no-repeat; }
.barreContent { float:left; margin-left:5px; margin-right:5px; margin-top:8px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.barreContent a { position:relative; float:left; text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.barreContent a:hover { color:#CCCCCC; }
.barreContentSeperate { position:relative; float:left; width:1px; height:20px; margin-left:10px; margin-top:6px; background-color:#333333; }
#searchItems { position:relative; float:right; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#barre input { position:relative; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:5px; }
#barre img { position:relative; float:left; margin-left:7px; }
/*
////////////////////////////////////////////
Styles des boutons principaux de l'espace pro : sommaire catalgoue, etc, ...
////////////////////////////////////////////
*/
.mainFrameMenu { position:relative; float:left; width:803px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.mainBouton { position:relative; float:left; padding:5px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#666; border:1px solid #555; color:#FFCC00; cursor:pointer; }
.mainBouton a { color:#FFCC00; text-decoration:none; cursor:pointer; }
.mainBouton a:hover { color:#FFF; text-decoration:none; cursor:pointer; }
/*
////////////////////////////////////////////
Styles des listes : liste des catégories, de l'index catalogue...
////////////////////////////////////////////
*/
.listeContainer { position:relative; float:left; padding-top:15px; width:803px; }
.listeContainer ul li { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#333333; margin-bottom:5px; list-style-type:square; }
.listeContainer ul li a { color:#333333; text-decoration:none; }
.listeContainer ul li a:hover { text-decoration:underline; }
/*
////////////////////////////////////////////
Les boutons visibles dans les pages de liste : suivant, ajouter au panier, etc...
////////////////////////////////////////////
*/

.boutonContainer { float:left; width:800px; margin-top:5px; margin-bottom:5px; }
.suivajoutBouton { float:left; padding:2px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#666; border:1px solid #555; color:#FFCC00; cursor:pointer; }
.suivajoutBouton a { color:#FFCC00; text-decoration:none; cursor:pointer; }
.suivajoutBouton a:hover { color:#FFF; text-decoration:none; cursor:pointer; }
/*
////////////////////////////////////////////
Les listing produits
////////////////////////////////////////////
*/

.liste_produits { float:left; margin-top:5px; border:solid 1px #333333; font-family:Arial, Helvetica, sans-serif; }
.liste_produits img { border:solid 1px #FFCC00; margin-top:3px; padding:4px; margin-right:5px; }
.liste_produits a { font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline; }
.liste_produits a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
/*
////////////////////////////////////////////
Les fiches produit
////////////////////////////////////////////
*/
.details_liste { float:left; border:solid 1px #333333; background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; }
.details_liste img { border:solid 1px #FFCC00; margin-top:3px; padding:4px; margin-right:5px; }
.details_liste a { font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:underline; }
.details_liste a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
/*
////////////////////////////////////////////
Les grilles de résultats
////////////////////////////////////////////
*/
.headerGrid { font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#666; color:#FFCC00; font-weight:bold; height:35px; border-left:1px solid #999; border-right:1px solid #999; }
.headerGrid TD { border-right:1px solid #999; }
.innerGrid { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; height:32px; }
/*
////////////////////////////////////////////
Le pied de page, commun à toutes les pages
////////////////////////////////////////////
*/
#footer { position:relative; float:left; width:978px; min-width:978px; height:18px; min-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; background:#C2C2c2; }
#footer a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; }
#footer a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline; }
#toolTip { position:absolute; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; text-align:center; font-style:italic; background-color:#EDDA54; padding:5px; visibility:hidden; z-index:800; width:250px; border:1px solid #999999; left:0px; top:0px; }