@CHARSET "UTF-8";
@IMPORT url(superfish.css) ;
@IMPORT url(basic.css) ;
@IMPORT url(prettyPhoto.css) ;
@IMPORT url(jquery.superbox.css) ;

html>/**/body{}  /* <== hack pour ie7 */

/* Général ============================================================================= */
body, div, p, ul, 
h1, h2, h3, h4, h5 { padding: 0; margin: 0; }

a,
a:link,
a:hover,
a:visited    { text-decoration: none; }
img          { border: none; }
ul           { list-style-type: none; }

/* -- les clear -- */
.myclearleft  { clear: left;  border: none; margin: 0; padding: 0; }
.myclearright { clear: right; border: none; margin: 0; padding: 0; }
.myclearall   { clear: both;  border: none; margin: 0; padding: 0; }

/* -- les text et font -- */
.textleft     { text-align: left; }
.textright    { text-align: right; }
.bold         { font-weight: bold; }
.petit        { font-size: x-small; }
.grand        { font-size: xx-large; }

/* -- les color -- */
.blue         { color: blue; }
.red          { color: red; }
.yellow       { color: yellow; }
.orange       { color: orange; }
.gris         { color: #6d6d6d; }
.vert         { color: green; }

/* Fin Général ========================================================================= */

/* Principal =========================================================================== */

html          { background: #fff url("../images/layout/fond-html.gif") repeat-x top right; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
body          { background: transparent url("../images/layout/fond-body.gif") no-repeat top left; text-align: center; }
#lspconteneur { width: 980px; margin: 0 auto; }
#lspheader    { background: transparent url("../images/layout/banniere.gif") no-repeat top left; height: 158px; }
#lspframe     { background: transparent url(""); }
#lsppage      { background: transparent url(""); min-height: 500px; overflow: hidden; position: relative; }
#lspflottantG { width: 264px; float: left; }
#lspcontenu   { width: 495px; float: left; padding: 0 3px 0 15px; }
#lspflottantD { width: 190px; float: right; }
#lspfooter    { background: transparent url(""); clear: both; }
#lspbottom    { background: transparent url(""); clear: both; overflow: hidden; height: 89px; }

/* Fin Principal======================================================================= */

#lspconteneur #lspheader #lspinscription a
{
  background: transparent url("../images/layout/crayon_48.png") no-repeat top right;
  float: left;
  padding: 20px 50px 0 0;
  height: 48px;
  font-size: 20px;
  color: #6d6d6d;
  text-align: left;
}

#lspconteneur #lspheader p#lspinscription a:hover
{
  color: #ee0000;
}

#lspconteneur #lspheader #annonce
{
  text-align: right;  
  padding-top: 59px;
  padding-right: 15px;
  font: bold 16px 'comic Sans MS';
  color: #fff;
}

#lspconteneur #lspheader p.lspaccueil a
{
  background: transparent url("../images/layout/accueil.png") no-repeat top left;
  float: left;
  padding-left: 19px;
  margin-top: 17px;
  font-size: 20px;
  color: #5d5d5d;
  text-align: left;
}

#lspconteneur #lspheader p.lspaccueil a:hover
{
  background: transparent url("../images/layout/accueil_on.png") no-repeat top left;
  color: #ee0000;
}

/* Navigation - Recherche =============================================================== */
#lspconteneur #lspheader ul#lspmenu
{
  float: right;
  margin-right: 24px;
  margin-top: 10px;
  font-size: 1.2em;
}
* html #lspconteneur #lspheader ul#lspmenu
{
  margin-right: 12px;
}
#lspconteneur #lspheader #lspblocrecherche
{
  height: 23px;
  float: right;
  margin-right: 24px;
  margin-top: 60px;
}

/* Fin Navigation ======================================================================== */


/* Page ================================================================================== */

#lspconteneur #lspframe #lsppage
{
}

#lspconteneur #lspframe #lsppage #lspflottantG
{

}

/* ---- général pour les blocs flottant ---- */

#lspconteneur #lspframe #lsppage #lspflottantG h2.titre
{
  background: transparent url("../images/blocflottant/titre.gif") no-repeat top left;
  margin-bottom: 1px;
  padding-top: 4px;
  height: 22px;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspflottantD h2.titre
{
  background: transparent url("../images/blocflottant/titreD.gif") no-repeat top left;
  margin-bottom: 1px;
  padding-top: 4px;
  height: 22px;
  color: #fff;
}

* html #lspconteneur #lspframe #lsppage #lspflottantG h2.titre,
* html #lspconteneur #lspframe #lsppage #lspflottantD h2.titre
{
  font-size: 1.3em;
}

#lspconteneur #lspframe #lsppage .lspblocflottant
{
  border-top: 1px #989898 solid;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
  text-align: left;
  padding: 10px;
  overflow: hidden;
}

#lspconteneur #lspframe #lsppage #lsputilisateur
{
  margin-top: 20px;
}


* html #lspconteneur #lspframe #lsppage .lspblocflottant
{
  border-bottom: 1px #989898 solid;
}

* html #lspconteneur #lspframe #lsppage #lsputilisateur
{
  height: 50px;
  padding: 0 10px 10px 10px;
}

html>body #lspconteneur #lspframe #lsppage #lspflottantG .basblocflottant
{
  width: 264px;
  height: 7px;
  background: transparent url("../images/blocflottant/basbloc.gif") no-repeat bottom left;
  margin-bottom: 40px;
}

html>body #lspconteneur #lspframe #lsppage #lspflottantD .basblocflottant
{
  width: 190px;
  height: 7px;
  background: transparent url("../images/blocflottant/basblocD.gif") no-repeat bottom left;
  margin-bottom: 10px;
}

/* ---- mon panier ---- */

#lspconteneur #lspheader  #lspmonpanier
{
  float: left;
  color: #3c3c3c;
  font-size: 12px;
}

#lspconteneur #lspheader  #lspmonpanier .paniertitre
{
  float: left;
}

#lspconteneur #lspheader  #lspmonpanier .paniertitre a
{
  float: left;
  height: 28px;
  color: #3c3c3c;
  font-weight: bold;
  padding-left: 48px;
  padding-top: 20px;
  background: transparent url("../images/panier/panier_off_48.png") no-repeat top left;
}

#lspconteneur #lspheader  #lspmonpanier .paniertitre a.plein
{
  background: transparent url("../images/panier/panier_on_48.png") no-repeat top left;
}

#lspconteneur #lspheader  #lspmonpanier .panierinfos
{
  float: left;
  margin-top: 20px;
  margin-left: 20px;
}

#lspconteneur #lspheader  #lspmonpanier .panierinfos .panierarticle
{
}

#lspconteneur #lspheader  #lspmonpanier .viderarticle
{
  float: left;
  margin-top: 18px;
  margin-left: 15px;
}

#lspconteneur #lspheader  #lspmonpanier .panierinfos .panierarticle a
{
  color: #3c3c3c;
}

#lspconteneur #lspheader  #lspmonpanier .panierinfos .panierarticle a:hover
{
  color: #000;
}

#lspconteneur #lspheader  #lspmonpanier .dessous
{
  border: 1px solid #989898;
  margin-top: 3px;
  min-height: 7px;
  overflow: hidden;
}

#lspconteneur #lspheader  #lspmonpanier .on
{
  background: #bc5a5b;
}

#lspconteneur #lspheader  #lspmonpanier .on a
{
  color: #fff;
  font-size: 10px;
  font-variant: small-caps;
}

#lspconteneur #lspheader  #lspmonpanier .on a.voir
{
  background: transparent url("../images/blocflottant/eye.png") no-repeat top left;
  float: left;
  padding-left: 20px;
  margin-left: 10px;
}

#lspconteneur #lspheader  #lspmonpanier .on a.voir:hover
{
  background: transparent url("../images/blocflottant/eye_on.png") no-repeat top left;
  color: #3c3c3c;
}

#lspconteneur #lspheader  #lspmonpanier .on a.vider
{
  background: transparent url("../images/blocflottant/clear.png") no-repeat top right;
  float: right;
  padding-right: 20px;
  margin-right: 10px;
}

#lspconteneur #lspheader  #lspmonpanier .on a.vider:hover
{
  background: transparent url("../images/blocflottant/clearAll_on.gif") no-repeat top right;
  color: #3c3c3c;
}

/* ---- News ---- */

#lspconteneur #lspframe #lsppage #lspnews
{
  color: #3c3c3c;
}

#lspconteneur #lspframe #lsppage #lspnews ul li
{
  background: transparent url(../images/blocflottant/dossiers-fleche.gif) no-repeat top left;
  font-weight: bold;
  margin: 10px 0;
  text-indent: 15px;
}

#lspconteneur #lspframe #lsppage #lspnews ul li a
{
  color: #3C3C3C;
}

#lspconteneur #lspframe #lsppage #lspnews ul li a:hover
{
  color: #000;
}

/* ---- Futur article ---- */

#lspconteneur #lspframe #lsppage #lspfuturarticle
{
  color: #3c3c3c;
}

#lspconteneur #lspframe #lsppage #lspfuturarticle .resumearticle
{
  cursor: pointer;
  background: transparent url(../images/blocflottant/fleche.gif) no-repeat top left;
  font-weight: bold;
  margin: 10px 0;
  text-indent: 15px;
}

#lspconteneur #lspframe #lsppage #lspfuturarticle .resumearticle .popupArticle
{
  display: none;
}
.popupArticle
{
  padding: 20px;
}


/* ---- Dossier ---- */

#lspconteneur #lspframe #lsppage #lspdossier
{
  color: #3c3c3c;
  margin-bottom: 40px;
  height: 112px;
}

#lspconteneur #lspframe #lsppage p.nom
{
  text-align: center;
  padding-top: 40px;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 20px;
}

#lspconteneur #lspframe #lsppage p.nom a
{
  color: #3c3c3c;
}

#lspconteneur #lspframe #lsppage p.prix
{
  font-weight: bold;
  font-size: 2em;
}

/* ---- Connexion ---- */

#lspconteneur #lspframe #lsppage #lspconnexion
{
  text-align: center;
}

#lspconteneur #lspframe #lsppage #lspconnexion h3
{
  padding-bottom: 10px;
}

#lspconteneur #lspframe #lsppage #lspconnexion div label.gauche
{
  text-align: right;
  float: left;
  width: 50%;
  padding: 5px 5px 0 0;
}

#lspconteneur #lspframe #lsppage #lspconnexion input
{
  float: left;
  width: 45%;
}

/* ---- Utilisateur ---- */

#lspconteneur #lspframe #lsppage #lsputilisateur p span
{
  float: left;
}

#lspconteneur #lspframe #lsppage #lsputilisateur p span.gauche
{
  width: 35%
}

#lspconteneur #lspframe #lsppage .action
{
  background: transparent url("../images/blocflottant/moncompte.gif") no-repeat bottom left;
  margin-bottom: 22px;
  height: 32px;
}

#lspconteneur #lspframe #lsppage .action a.bouton
{
  float: left;
  height: 22px;
  width: 50%;
  padding-top: 10px;
  text-align: center;
  color: #3c3c3c;
}

#lspconteneur #lspframe #lsppage .action input
{
  border: none;
  background: none;
  float: left;
  height: 32px;
  width: 50%;
  text-align: center;
  color: #3c3c3c;
  cursor: pointer;
}

#lspconteneur #lspframe #lsppage .action a:hover
{
  color: #fff;
}

#lspconteneur #lspframe #lsppage .action a.compte:hover,
#lspconteneur #lspframe #lsppage .action input:hover
{
  background: transparent url("../images/blocflottant/compte_on.gif") no-repeat;
}

#lspconteneur #lspframe #lsppage .action a.deco:hover
{
  background: transparent url("../images/blocflottant/deco_on.gif") no-repeat;
}


/* ---- contenu page centrale ---- */


#lspconteneur #lspframe #lsppage #lspcontenu p.info,
#lspconteneur #lspframe #lsppage #lspcontenu img.info
{
  margin: 3px 5px 0 0;
  float: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu p.info
{
  width: 90%;
  text-align: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu p.info a
{
  font-weight: bolder;
}

#lspconteneur #lspframe #lsppage #lspcontenu img.info
{
  margin-top: 8px;
}


#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc
{
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc .titrebloc
{
  text-align: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc .titrebloc img
{
  margin-left: -15px;
}

html>body #lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc .basbloc
{
  height: 7px;
  background: transparent url("../images/blocpage/basbloc.gif") no-repeat bottom left;
}

html>body #lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc .blocaccueil
{
  overflow: hidden;
  padding: 5px 0 0 13px;
  background: #edeeee url("../images/blocpage/1px1col.gif") repeat-x top left;
  border-top: 1px #989898 solid;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
}

html>body #lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel .bloc .vie-pratique
{
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel a.catsouscat
{
  background: transparent url("../images/blocpage/rectangle.gif") no-repeat top left;
  width: 109px;
  height: 20px;
  padding-top: 5px;
  float: left;
  margin: 4px 10px 0 0;
  color: #000;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel a:hover,
#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel a:focus
{
  background: transparent url("../images/blocpage/rectangle-1.gif") no-repeat top left;
  color: #d52029;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel h1
{
  text-align: center;
  overflow: hidden;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel ul.catredac
{
  float: left;
  width: 116px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel ul.catredac li.catlib
{
  background: #d5e7ea;
  font-size: 1.2em;
  font-weight: bold;
  font-stretch: ultra-condensed;
  font-variant: small-caps;
  height: 40px;
  border: 1px solid #999999;
  margin: 0 2px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspblocredactionnel ul.catredac li
{
  padding: 5px;
}

#lspconteneur #lspframe #lsppage .lspblocacceuil
{
  text-align: left;
  width: 800px;
  margin: 45px 0 0 50px;
}

#lspconteneur #lspframe #lsppage #lspInformation
{
  padding: 0 25px;
}

#lspconteneur #lspframe #lsppage #lspInformation .titreProduit
{
  float: left;
  width: 250px;
}

#lspconteneur #lspframe #lsppage #lspInformation .bubbleInfo
{
  cursor: pointer;
  float: left;
}

#lspconteneur #lspframe #lsppage #lspInformation .bubbleInfo .popup
{
  display: none;
  position: absolute;
  z-index: 50;
}

#lspconteneur #lspframe #lsppage #lspInformation .bubbleInfo .popup img
{
  z-index: 60;
}

#lspconteneur #lspframe #lsppage #lspInformation .produit_add
{
  z-index: 1;
  cursor: pointer;
  position: relative;
  float: left;
  margin-left: 10px;
}

/* Page Compte ================================================================================== */

/* Infos compte --------- */

#lspconteneur #lspframe #lsppage #lspcontenu h2.titrecompte
{
  background: transparent url("../images/blocpage/barresoustitre.gif") no-repeat top left;
  width: 495px;
  height: 20px;
  border-top: none;
  padding-top: 1px;
  font-weight: bold;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte
{
  width: 493px;
  padding-top: 10px;
  overflow: hidden;
  color: #3C3C3C;
  font-weight: bold;
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
}

html>body #lspconteneur #lspframe #lsppage #lspcontenu .basbloc
{
  width: 495px;
  height: 7px;
  background: transparent url("../images/blocpage/basbloc.gif") no-repeat bottom left;
}

* html #lspconteneur #lspframe #lsppage #lspcontenu .basbloc
{
  width: 495px;
  height: 2px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .left h3,
#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .right h3
{
  margin: 0 10px 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .left
{
  float: left;
  width: 49%;
  border-right: 1px solid #989898;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .right
{
  float: right;
  width: 50%;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .champ
{
  float: left;
  width: 60%;
  padding: 2px;
  background: #eeeeee;
  border: solid 1px #333333; 
  border-top-color: #888888;
  border-left-color: #888888;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .champ:hover,
#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .champ:focus
{
  border: 1px solid #6666ff;
  background: #ffffff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .bouton
{
  cursor: pointer;
  width: 70px;
  float: right;
  margin: 10px 10px 0 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .bouton:hover,
#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .bouton:focus
{
  color: red;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .left div label,
#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .right div label
{
	clear: left;
  cursor: pointer;
  float: left;
  width: 33%;
  text-align: right;
  padding-top: 5px;
  padding-right: 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .left div,
#lspconteneur #lspframe #lsppage #lspcontenu #lspcompte .right div
{
  height: 30px;
}


/* Abonnement ----------- */

#lspconteneur #lspframe #lsppage #lspcontenu #lspabbonnement
{
  width: 493px;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  background: #edeeee url("../images/blocpage/1px1col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspabbonnement p
{
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
}

/* Recap Commandes ----------- */

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes
{
  width: 493px;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes h3
{
  padding-top: 10px;
  padding-bottom: 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande
{
  margin-top: 20px;
  padding-left: 10px;
  overflow: hidden;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.infos
{
  height: 25px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.infos li,
#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.produit li
{
  float: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.infos li.d1
{
  width: 50%;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.infos li.d2,
#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.produit li.d2
{
  width: 25%;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.infos li.d3,
#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.produit li.d3
{
  width: 20%;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspRecapCommandes ul#lspCommandes li.commande ul.produit li.d1
{
  width: 49%;
  padding-left: 5px;
}

/* Fin Page Compte ============================================================================= */


/* Page mot de passe perdu ===================================================================== */

#lspconteneur #lspframe #lsppage #lspcontenu #lsppass
{
  width: 493px;
  padding-top: 10px;
  overflow: hidden;
  color: #3C3C3C;
  font-weight: bold;
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppass form
{
  margin-top: 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppass label
{
  float: left;
  width: 40%;
  text-align: right;
  padding-top: 7px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppass input
{
  float: left;
  margin-left: 20px;
}

/* Fin Page mot de passe perdu ================================================================= */


/* liste produit =============================================================================== */

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu
{
  float: left;
  width: 495px;
  z-index: 2;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu .titrebloc
{
  text-align: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu .titrebloc img
{
  margin-left: -15px;
}

html>body #lspconteneur #lspframe #lsppage #lspcontenu #blocmenu .basbloc
{
  width: 676px;
  height: 7px;
  background: transparent url("../images/blocpage/basbloc.gif") no-repeat bottom left;
}


html>body #lspconteneur #lspframe #lsppage #lspcontenu #blocmenu .blocaccueil
{
  overflow: hidden;
  padding: 5px 0 0 13px;
  background: #edeeee url("../images/blocpage/1px1col.gif") repeat-x top left;
  border-top: 1px #989898 solid;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
}


#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu .vie-pratique
{
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a.catsouscat
{
  background: transparent url("../images/blocpage/rectangle.gif") no-repeat top left;
  width: 109px;
  height: 20px;
  padding-top: 5px;
  float: left;
  margin: 4px 10px 0 0;
  color: #000;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a.tous
{
  background: transparent url("../images/blocpage/tousarticles.gif") no-repeat top left;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a:hover,
#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a:focus
{
  background: transparent url("../images/blocpage/rectangle-1.gif") no-repeat top left;
  color: #d52029;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a.on
{
  background: transparent url("../images/blocpage/rectangle-on.gif") no-repeat top left;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocmenu a.on:hover
{
  color: #3C3C3C;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocsousmenu
{
  margin: 20px 0 5px 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocsousmenu a.souscategorie 
{
  color: #000;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #blocsousmenu a.on
{
  color: red;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits
{
  color: #3C3C3C;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation
{
  border-bottom: 1px solid #989898;
  width: 495px;
  margin-top: 20px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit
{
  height: 32px;
  border-top: 1px solid #989898;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top
{
  background: transparent url("../images/blocpage/barresoustitre.gif") no-repeat top left;
  height: 17px;
  border-top: none;
  padding-top: 4px;
  font-weight: bold;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.pair
{
  background-color: #f6f6f6;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  overflow: hidden;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.impair
{
  background-color: #edeced;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  overflow: hidden;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div
{
  float: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div a
{
  color: #3C3C3C;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div a:hover
{
  color: #000;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.idProduit
{
  width: 40px;
  padding-top: 8px;
}

* html #lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.idProduit
{
  width: 37px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.idProduit
{
  padding-top: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.titreProduit
{
  width: 180px;
  text-align: left;
  font-weight: bold;
  padding-top: 8px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.titreProduit
{
  padding-top: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.titreProduit a
{
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.catProduit
{
  width: 100px;
  padding-top: 8px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.catProduit
{
  padding-top: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.descriptionProduit
{
  width: 65px;
  padding-top: 2px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.descriptionProduit
{
  padding-top: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.prixProduit
{
  width: 40px;
  font-weight: bold;
  padding-top: 8px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.prixProduit
{
  padding-top: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.top div.actionProduit
{
  padding-left: 15px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.actionProduit .add
{
  float: left;
  padding-left: 4px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits ul#listepresentation li.produit div.actionProduit .photo
{
  float: right;
}

/* fin liste article =========================================================================== */


/* Détail produit =============================================================================== */
#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails
{
  width: 493px;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails h3
{
  font-size: 1.6em;
  padding-top: 5px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails div.haut
{
  padding-top: 20px
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails div.produit_add a
{
  background: transparent url("../images/panier/panier_add.png") left no-repeat;
  padding: 5px 0 0 30px;
  float: right;
  height: 27px;
  width: 150px;
  font-size: 1.2em;
  color: #3C3C3C;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails div.produit_add a:hover
{
  color: #BC5A5B;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails div.contact_add a
{
  background: transparent url("../images/panier/mail.png") left no-repeat;
  padding: 5px 0 0 10px;
  float: right;
  height: 27px;
  width: 150px;
  font-size: 1.2em;
  color: #3C3C3C;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails div.contact_add a:hover
{
  background: transparent url("../images/panier/mail_on.png") left no-repeat;
  color: #BC5A5B;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul
{
  padding-top: 5px;
  padding-bottom: 5px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#details
{
  float: left;
  width: 50%;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#details li
{
  padding-bottom: 10px;
  font-size: 1.2em;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#details li .label
{
  float: left;
  width: 48%;
  text-align: right;
  font-weight: bold;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#details li .valeur
{
  float: right;
  width: 45%;
  text-align: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#galerie li
{
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier
{
  border-bottom: 1px solid #989898;
  padding: 0;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier li.ligne
{
  height: 32px;
  border-top: 1px solid #989898;
  background-color: #FFDAEF;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier li div
{
  float: left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier li.ligne div.nomProduit
{
  width: 50%;
  font-weight: bold;
  padding-top: 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier li.ligne div.prixProduit
{
  width: 25%;
  padding-top: 10px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspdetails ul#articleDossier li.ligne div.pactionProduit
{
  width: 25%;
}
/* fin Détail article =========================================================================== */

/* Commandes =============================================================================== */
#lspconteneur #lspframe #lsppage #lspcontenu #lspcommanderecap,
#lspconteneur #lspframe #lsppage #lspcontenu #lsputilisation
{
  width: 493px;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
  background: #edeeee url("../images/blocpage/1px1col.gif") repeat-x top left;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcommanderecap ul.general,
#lspconteneur #lspframe #lsppage #lspcontenu #lsputilisation ul
{
  padding-top: 20px;
  padding-bottom: 20px;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lspcommanderecap ul.general li ul li
{
  float: left;
  margin-left: 20px;
}

/* fin Commandes =========================================================================== */

/* Page Recherche ================================================================================== */

#lspconteneur #lspframe #lsppage #lspcontenu h2.titrerecherche
{
  background: transparent url("../images/blocpage/barresoustitre.gif") no-repeat top left;
  width: 495px;
  height: 20px;
  border-top: none;
  padding-top: 1px;
  font-weight: bold;
  color: #fff;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsprecherche
{
  width: 493px;
  padding-top: 10px;
  overflow: hidden;
  color: #3C3C3C;
  font-weight: bold;
  background: #edeeee url("../images/blocpage/1px3col.gif") repeat-x top left;
  border-right: 1px #989898 solid;
  border-left: 1px #989898 solid;
}

#lspconteneur #lspframe #lsppage #lspcontenu h3.titreresultat
{
  margin-top: 20px;
}
/* Fin Page Recherche ================================================================================== */


/* Page Panier ================================================================================== */

#lspconteneur #lspframe #lsppage #lspcontenu #lsppanierrecap
{
  width: 493px;
  border-right: 1px solid #989898;
  border-left: 1px solid #989898;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppanierrecap p
{
  padding: 20px;
  background: #edeeee;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppanierrecap .montantglobal
{
  font-weight: bold;
  text-align: right;
}

#lspconteneur #lspframe #lsppage #lspcontenu #lsppanierrecap span#bt_maj
{
  cursor: pointer;
}

#lspconteneur #lspframe #lsppage #lspcontenu .bt_panier
{
  float: right;
  margin: 15px;
}

/* ---- Data Table ---- */
table { border: 0 none; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; }
th { font-weight: normal; text-align: left; vertical-align: top; }
.a-right { text-align: right !important; }
.a-center { text-align: center !important; }

.data-table { width:100%; }
.data-table th { font-weight:bold; white-space:nowrap; }
.data-table th,
.data-table td { padding:5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.data-table thead { background-color:#f6f6f6; }
.data-table tbody {}
.data-table tfoot td { background-color: #edeeee; border: none; padding-top: 10px; }
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even { background-color:#f6f6f6; }
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td .product-name { font-size:1em; font-weight:bold; line-height:1.5; }
.data-table td.label,
.data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table td.value {}

/* fin Panier ============================================================================== */

/* Page CGV ================================================================================ */
div#cgv { text-align: left; }
div#cgv ol#cgvsommaire { font-weight: bold; }
div#cgv h2 { font-size: 1.2em; margin-top: 10px; }
div#cgv div.cgvarticle { text-align: justify; }
div#cgv p.cgvlienretour { float: right; }
div#cgv p a { color: red; }

/* Fin CGV ================================================================================= */

/* Pagination =============================================================================== */

#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination {
  padding-top: 5px;
  margin: 5px;
  text-align: center;
}
#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination a span {
  padding: 2px;
  font-weight: bold;
  border: 1px solid #71A0DF;
  color: #71A0DF;
}
#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination a:hover span.lienNumero{
  color: #F15A2A;
  border-color: #F15A2A;
}
#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination span.pasLienNumero {
  padding: 3px;
  color: #F15A2A;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #f2f2f2;
  border: 1px solid #F15A2A;
}
#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination span.pasLienExtremite,
#lspconteneur #lspframe #lsppage #lspcontenu #lspproduits .pagination span.pasLienUn {
  padding: 2px;
  font-weight: normal;
  border: 1px dotted #cccccc;
  color: #bbbbbb;
}

/* =========================================================================> fin Pagination */

/* Popup dossier =========================================================================== */
#backgroundPopup
{
  display:none;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000000;
  border:1px solid #cecece;
  z-index:1001;
}

.popupDossier
{
  display:none;
  position:fixed;
  width:400px;
  background:#FFFFFF;
  border:2px solid #cecece;
  z-index:1002;
  padding:12px;
  font-size:13px;
}

* html #backgroundPopup,
* html .popupDossier
{
  position: absolute; /* hack for internet explorer 6*/
}

.popupDossier h1
{
  text-align:left;
  color:#6FA5FD;
  font-size:22px;
  font-weight:700;
  border-bottom:2px dotted #D3D3D3;
  padding-bottom:2px;
  margin-bottom:20px;
}
.popupDossierClose
{
  z-index:1000;
  font-size:24px;
  font-weight:bold;
  line-height:14px;
  left:406px;
  top:5px;
  position:absolute;
  color:#000;
  font-weight:700;
  display:block;
  background: transparent;
  cursor: pointer;
}
.popupDossierClose:hover
{
  color:#FF2F2F;
  border-color: #FF2F2F;
}
.popupDossierTexte
{
  overflow: auto;
  height:200px;
}
.buttonDossier
{
  cursor: pointer;
}
/* =======================================================================> fin popupdossier */

/* Contact ================================================================================== */
#coord           { margin: 10px 0; }
#coord h1        { text-align: left; }

#coord div,
#contactform div { margin: 5px 0; text-align: left; clear: left; overflow: hidden; }

#coord div span,
#contactform div label  { font-weight: bold; width: 30%; float: left; text-align: right; padding-right: 10px; }

#contactform              { margin: 20px 0; }
#contactform h3           { text-align: left; border-bottom: 1px solid #989898; }
#contactform h3 span      { color: #b10808; font-size: 0.9em;}
#contactform .form_error  { color: #b10808; }
#contactform input,
#contactform img          { float: left; }

#contactform #nom         { width: 200px; }
#contactform #email       { width: 200px; }
#contactform #message     { width: 60%; height: 80px; }
#contactform #captcha     { width: 80px; height: 24px; font-size: 22px; margin-left: 10px; }
#contactform #valider     { float: right; margin: 0 40px; }

/* ========================================================================================== */

/* Footer ================================================================================== */
#lspfooter
{
  color: #3C3C3C;
  padding: 5px 0 0;
  margin: 15px;
  border-top: 1px solid #7F7F7F;
  width: 950px;
}

#lspfooter a
{
  color: #555665;
}

#lspfooter a:hover
{
  color: #83C5D3;
}

/* Pub dossier ================================================================================== */
.pics
{
  width:   190px;
  height: 138px;
  padding: 0;
  margin:  0;
}

.pics img
{
  width:   190px;
  height:  138px;
  top:  0;
  left: 0;
  margin: 0 0 5px 0;
}