@CHARSET "UTF-8";

/* element generaux */
* { color: #797873; margin: 0; padding: 0; font-family: Verdana,sans-serif; font-size: 12px; border: none; }

ul        { list-style: none;  }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: underline; }
.over     { background-color: #84a1b0; }
h1        { color: #EA7033;  margin: 10px; font-weight: bold; font-size: 1.8em; }
h2        { color: #84a1b0; padding: 0 0 10px 20px; }
p         { margin-bottom: 10px; }

/* Découpage */
/*#conteneur          { position: relative; margin: 10px auto 0 auto; min-width: 1000px; }*/
#conteneur            { position: relative; margin: 10px auto 0 auto; width: 980px}
/* hauteurs des elements 
/* à voir aussi plus bas dans la page #conteneur #page #article et #conteneur #page #diaporama #diapophotos */
#conteneur #frame, #conteneur #menu, #conteneur #page { height: 650px; }
#conteneur #frame   { width: 980px; margin: 0 auto 0 auto; background-image: url("../images/layout/fond.gif"); background-position: center; background-repeat: no-repeat; }
#conteneur #menu    { float: left; margin-right: 10px; }
#conteneur #page h2 { font-size: 15px; margin-top: 10px; }

/* header */
#conteneur #header a img  { margin: 15px 0 15px 0; } /* centrer le logo */
#conteneur #header #pub   { float: right; }
#conteneur #header        { margin-bottom: 10px; }

/* footer */
#conteneur #footer          { margin: 1px; clear: both; border-top: 2px solid #EA7033; }
#conteneur #footer ul       { padding-top: 5px; margin-bottom: 5px; }
#conteneur #footer li       { float: left; width: 150px; }
#conteneur #footer li.last  { float: right; width: 300px; }

/* Barre de navigation navbar */
#conteneur #header #navbar          { height: 37px; background-image: url("../images/layout/degrade.gif"); margin: 5px 1px 0 1px; }
#conteneur #header #navbar ul       { padding-top: 8px; }
#conteneur #header #navbar li       { float: left; padding-top: 4px; }
#conteneur #header #navbar li a     { color: #4F4440; font-weight: bold; }
#conteneur #header #navbar li.link  { height: 21px; border-left: 2px solid #fff; padding: 4px 10px 0px 10px; }
/*#conteneur #header #navbar li.first { width: 300px; }*/
#conteneur #header #navbar li.first { width: 160px; }
#conteneur #header #navbar li.select{ background-color: #EA7033; }
#conteneur #header #navbar li.select a { color: #fff; }
#conteneur #header #navbar li.last  { float: right; }

/* Menu contextuel */
#conteneur #menu #contentmenu       { background-image: url("../images/menu/cote.gif"); background-repeat: repeat-y; border-right: 3px solid #84a1b0; }
#conteneur #menu #contentmenu img   { margin-bottom: 5px; }
#conteneur #menu #contentmenu ul.niveau1  { background-image: url("../images/menu/point.gif"); background-repeat: no-repeat; padding-left: 15px; width: 135px; }
#conteneur #menu #contentmenu li.niveau1  { padding: 1px; font-weight: bold; }
#conteneur #menu #contentmenu li.niveau2  { padding: 1px; font-weight: normal; }
#conteneur #menu #contentmenu li.niveau2 a:hover { color: #fff; text-decoration: none; }
#conteneur #menu #contentmenu li.rubselect{ background-color: #84a1b0; color: #fff; font-weight: bold; }

/* Zone des titres */
#titre      { color: #f60; }
.entitedesc { width: 250px; text-align: justify; float: left; margin: 5px; }
.imgaccueil { float: right; padding-top:10px; }

/* Bloc produit */
/*#conteneur #frame .blocarticle        { float: left; margin: 20px; margin-left: 0; width: 374px; height: 193px; background-image: url("../images/blocarticle/blocarticle.gif"); }*/
#conteneur #frame .blocarticle        { float: left; margin: 20px 10px 20px 10px; width: 374px; height: 193px; background-image: url("../images/blocarticle/blocarticle.gif"); }
#conteneur #frame .blocarticle h3     { margin: 5px 0 10px 32px; font-weight: bold; font-size: 1.2em; color: #84a1b0; }
#conteneur #frame .blocarticle .texte { text-align: justify; margin: 5px; padding-top: 7px; }
#conteneur #frame .blocarticle img    { float: left; max-height: 140px; max-width: 150px; }
#conteneur #frame .plusinfos          { float: right; margin-right:  5px;}
#conteneur #frame .blocarticle .imgombree  { background: url("../images/divers/ombre.png") no-repeat bottom right; margin: 10px 5px 10px 10px; float: left; }
#conteneur #frame .blocarticle .img        { position: relative; bottom: 6px; right: 6px; float: left; }

/* Page de detail d'un produit */
#conteneur #page #article { height: 480px; }
#conteneur #page #article .imgombree  { background: url("../images/divers/ombre.png") no-repeat bottom right; margin: 10px 15px 10px 5px; float:left; }
#conteneur #page #article .img        { position: relative; bottom: 6px; right: 6px; float: left; }
#conteneur #page #article .txtarticle { margin-top: 10px; }
#conteneur #page #article img         { border: 1px solid #84a1b0; }
#conteneur #page #article ul          { list-style-type: square; }
/* onglets */
#conteneur #page #onglets { float: right; margin-top: 10px; }
#conteneur #page #onglets a { color: #84a1b0; padding-right: 5px; padding: 1px; }
#conteneur #page #onglets a:hover { color: #fff; }
/* Diaporama */
#conteneur #page #diaporama { float: right; margin-left: 10px; background-image: url("../images/diaporama/titre.gif"); background-repeat: no-repeat; }
#conteneur #page #diaporama #diapophotos { background-repeat: no-repeat; background-image: url("../images/diaporama/bord.gif"); width: 201px; height: 580px; overflow: hidden; margin-top: 37px; }

#conteneur .entite { color: #fff; float: left; background-color: #aaa; border: 1px solid #000; padding: 1px; margin: 1px; font-weight: bolder; text-align: center; }

/* Formulaires d'authentificafion et de creation de compte */
#auth_form, #newaccount { margin: 20px 0 20px 0; }
#auth_form  input       { border-bottom: 1px solid #000; margin: 5px 0 0 20px; }
#newaccount input       { border: 1px solid #000; margin: 5px 0 0 20px; }

/* specifique espace client */
/* bloc droit */
#blocesppro             { float: right; width: 140px; margin-top: 10px; border: 1px solid #000; padding: 5px; }
#blocesppro #panier     { text-align: center; margin: 10px; }
#blocesppro #panier h2  { padding: 0; }
#blocesppro #deconnect  { text-align: center; margin-bottom: 10px; }

/* classes generiques */
.textegros              { font-size: 1.2em; font-weight: bold; }
.textepetit             { font-size: 0.8em; }

/* page article */
#filtres                { width: 650px; }
#resultat               { margin-top: 20px; }

/* tableau de resultat d'une recherche d'article */
#listarticle            { margin-top: 5px; width: 805px; }
#listarticle type       { width: 100px; }
#listarticle titreart   { width: 500px; }
#listarticle prix       { width: 50px; }
#listarticle date       { width: 50px; }
#listarticle actions    { width: 100px; }
#listarticle #header    { font-size: 1.2em; font-weight: bold; color: #fff; background-color: #f60; }
#listarticle td         { padding: 5px; }
#listarticle .couleur0  { background-color: #aaa; }
#listarticle .couleur1  { background-color: #f90; }

/* spécifique tableau de l'historique */
#tabhistorique #listarticle { margin-top: 20px; }

/* détail d'un article */
#contentarticle   { height: 430px; overflow: auto; }
#blocinfosarticle { border: 1px solid #000; margin-left: 170px; margin-bottom: 10px; width: 630px; padding: 5px; }