/* -- général -- */
html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

li            { line-height:15pt; }
body		  { background: #000 url('/images/fond-site.jpg'); color: #3e3533; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.3; font-size:62.8%; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:60px }
a			  { color: #af0731; }
a:hover	      { text-decoration: underline !important; color: #000;}
a img   	  { border: 2px #d5d2d2 solid; }
b img         { border: 0px; }

img           { border: 2px #d5d2d2 solid; }

input
select,
textarea      { font-family: Arial, lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input, 
textarea	  { background: #8f8c8c; padding: 2px 0; margin: 0; border: 1px solid #676464; }
button	      { vertical-align: middle; margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: none; }
.submit       { width: auto !important; overflow: visible; background-color: #312b2a; border: 1px solid #000 !important; padding: 0 5px; color: #fff; font-weight: bold; }




h1	{ font-size: 2em; }
h2	{ font-size: 1.6em; color: #4ED1FC; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.6em; color: #4ED1FC; text-align: center; }
h5	{ font-size: 1em; }
h6	{ font-size: 1.1em; }
p   { line-height: 20px; }

h1, h3 { color: #3e3533; }



table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- Liste icone -- */
.ico              { padding-left: 15px; }
.ico-date         { background: url('/images/icone-date.gif') no-repeat 0 50%; }

/* -- cache espace -- */
.hidden   { display: none; }

/* -- mise en page -- */
#view     { width: 900px; margin: 0 auto; }
#head     { font-size: 1.2em; height: 202px; position: relative; }
#logo       { position: relative; padding: 0 0px; height: 149px; overflow: hidden; background: url('/images/fond-logo.jpg') 0 0 no-repeat; }
#mainMenu   { height: 46px; padding: 0 5px; background: #312b2a url('/images/menu-principal.gif') repeat-x; border: 1px #8a817e solid; border-width: 1px 0 6px; }
#content    { font-size: 1.2em; padding: 30px 0 25px; overflow: hidden; height: 100%; background: #fff url('/images/bg-content.gif') repeat-y; }
#foot       { font-size: 1.2em; clear: both; height: 68px; background: #312b2a url('/images/bg-foot.jpg') no-repeat; }

/* -- Logo -- */
h1        { font-family: Georgia, "New York CE", utopia, serif; font-size: 3em; font-weight: normal; margin-top: 40px; }
h1 a      { text-decoration: none; color: #fff !important; }

#logo *     { color: #eaafa3; text-decoration: none !important; }
#logo h2    { font-weight: normal; font-size: 1.2em; color: #ffffff; }
#logo .block{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-decoration: none; }


/* -- principales classes -- */
.fr		    { float: right !important; }
.fl		    { float: center !important; }
.clear    { clear: both !important; }
.right	  { text-align: right !important; }
.left		  { text-align: left !important; }
.center	  { text-align: center !important; }
.last		  { margin-right: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.small	  { font-size: .90em; }
.big      { font-size: 1.5em; }
.item     { margin-bottom: 1.5em; border-bottom: 1px #d8d8d8 solid; clear: both; }
.info     { font-size: .95em; margin: 2px 0 6px !important; }
.col1     { width: 60%; float: right; }
.col2     { width: 45%; float: right; }
.col3    { width: 75%; float: right; }
img.left  { margin-left: 0 !important; }
img.right { margin-right: 0 !important; }




/* -- Menu haut -- */
#mainMenu ul                { position: relative; height: 46px; }
#mainMenu li                { position: relative; float: left; padding-right: 7px; }
#mainMenu li a              { display: block; float: left; color: #b59d97; height: 30px; padding: 16px 15px 0 20px; }
#mainMenu li a span         { position: absolute; left: 8px; top: 20px; width: 6px; height: 8px !important; overflow: hidden; background: url('/images/icone-menu.gif') no-repeat; }
#mainMenu li.active         { position: relative; top: 7px; background: url('/images/menu-principal-ombre.gif') no-repeat 100% 0; }
#mainMenu li.active a       { padding-top: 9px; text-decoration: none !important; color: #000 !important; background: #fff url('/images/menu-principal-actif.gif') repeat-x; border-bottom: 6px solid #fff; }
#mainMenu li.active a span  { top: 12px; background-position: 0 -8px; }
#mainMenu li a:hover        { color: #ffffff; position: relative; top: 3px; background: url('/images/onglet-over.gif') repeat-x 100% 100%; }


/* -- Recherche -- */
#search { position: absolute; right: 2px; bottom: 16px; width: 270px; text-align: right; }
#search .button { width: 180px; height: 14px; border: medium none; background: url('/images/recherche.gif') no-repeat; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px }
#search .submit { position: relative; width: 26px !important; height: 24px; background: url('/images/envoyer.gif') no-repeat; border: medium none !important; padding-top: 1px; left: -4px } 


/* -- Menu droit -- */
#menuBlock                      { width: 200px; float: right; margin-top: 5px; background: url('/images/bloc-droit-fond.gif') repeat-y 100% 0; }
#menuBlock .box                 { margin-bottom: 30px; padding-left: 12px; }
#menuBlock .firstBox            { position: relative; top: -25px; margin-bottom: 5px; background: url('/images/bloc-droit.gif') 0 26px; }
#menuBlock .box h3              { margin-bottom: 11px; padding-left: 15px; color: #af0731; }
#menuBlock .boxText             { padding: 0 12px; }
#menuBlock .boxText h3          { padding-left: 0 !important; }
#menuBlock .subMenu li a        { display: block; height: 23px; color: #000; text-decoration: none; background: url('/images/sous-menu.gif') no-repeat;; padding-left:32px; padding-right:5px; padding-top:8px; padding-bottom:0 }
#menuBlock .subMenu li a:hover,
#menuBlock .subMenu li.active a { background-color: #efefef; background-position: 0 -31px; text-decoration: none !important; }

/* -- Bloc gauche 1 -- */
#contentBlock                   { float: left; width: 630px; padding: 0 30px 0 40px; }
#contentBlock img               { margin: 3px; }
#contentBlock p,
#contentBlock ul,
#contentBlock ol,
#contentBlock table             { margin-bottom: 2em; }
#contentBlock table td,
#contentBlock table th          { border: 2px #d8d8d8 solid; padding: 10px; }
#contentBlock table tr.add td,
#contentBlock table tr.add th   { background: url('/images/fond-tableau.gif') repeat-x; }


/* -- Bloc gauche 2 -- */
#contentBlock2                   { float: center; width: 700px; padding: 0 30px 0 40px; font-size: 1.5em; color: #000000; }
#contentBlock2 img               { margin: 3px; }
#contentBlock2 p,
#contentBlock2 ul,
#contentBlock2 ol,
#contentBlock2 table             { margin-bottom: 2em; }
#contentBlock2 table td,
#contentBlock2 table th          { border: 0px #d8d8d8 solid; }
#contentBlock2 table tr.add td,
#contentBlock2 table tr.add th   { background: url('/images/fond-tableau.gif') repeat-x; }

/* -- Bloc pour ventes réalisées -- */
#contentBlock3                   { float: left; width: 630px; padding: 0 30px 0 40px; }
#contentBlock3 img               { float: left; margin: 3px; }
#contentBlock3 p,	
#contentBlock3 ul,
#contentBlock3 ol,
#contentBlock3 table             { margin-bottom: 0em; }
#contentBlock3 table td,
#contentBlock3 table th          { border: 2px #d8d8d8 solid; padding: 10px; }
#contentBlock3 table tr.add td,
#contentBlock3 table tr.add th   { background: url('/images/fond-tableau.gif') repeat-x; }


/* -- Listes -- */
#contentBlock ul		{ float: left; width: 290px; }
#contentBlock ol,
#menuBlock .boxText ul,
#menuBlock .boxText ol          { padding-left: 10px; }
#contentBlock ol,
#menuBlock .boxText ol          { padding-left: 17px; }
#contentBlock ul *,
#contentBlock ol *,
#menuBlock .boxText ul *,
#menuBlock .boxText ol *        { margin-bottom: 0 !important; }
#contentBlock ul li,			
#menuBlock .boxText ul li       { margin: 3px 0; padding-left: 16px; background: url('/images/icone-list.gif') no-repeat 0 4px; }
#contentBlock ol li,
#menuBlock .boxText ol li       { margin: 3px 0 3px 10px; padding: 0; background: none; list-style: decimal; }

/* -- Pied de page -- */
#foot p       { padding: 27px 15px 0; }
#foot *       { color: #8a817e; }
#foot a:hover { color: #fff; }