body {
margin: 10px;
padding: 0;
font: 75% "arial", verdana, , tahoma, sans-serif;
line-height:1.5em;
color: #000;
background:#FDEEB5 url(img/bg2.gif) top center repeat-x ;/*#E1DF93couleur de fond... */
background-position: 50% 0;
}

#container {
width: 850px; /*largeur du cadre*/
margin-left: auto;
margin-right: auto;
padding: -25px;
border: 10px solid #fff;
color: #0000;
background: #FFF; /* #FFF = blanc = couleur premier plan, mais certains endroits seulement.... */
}

/* CSS Tabs */

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 0px solid #eee;
text-align: left;
letter-spacing: 2px;
background: #99CCFF; /* couleur barre des liens horizontale 02 */
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
padding: 0px .5em;
margin-left: 2px;
border: 0px solid #eee;
color: #000;
background: #99CCFF;
text-decoration: none;
}

#navlist li a:link { color: #000;
background-color: #99CCFF; } /* couleur barre des liens horizontale 01 */

#navlist li a:visited { color: #000;
background: #99CCFF; }

#navlist li a:hover {
color: #fff;
background: #CCCCCC;
border: 0px solid #FFF;
}

#navlist li a#current {
color: #fff;
background:#99CCFF;
border-bottom: 1px solid #fff;
}

.navlist ul li {
margin: 0px -15px ; /* retrait du descriptif catalogue: si margin 0 5px 0 0, plus de retrait. */
padding: 0px;
list-style-type: square;
color: #99CCFF;
background: inherit;
}

#banner {
height: 142px;
padding: 0;
margin: 0;
color: #666;
background: #7DCE27 url(img/banniere_pit.jpg) no-repeat; /* image bannière */
}

#banner h1 { /* intérieur gris*/
padding: 00px;
font: normal 175%  verdana, georgia, "Trebuchet MS",sans-serif;
text-align: right;
letter-spacing: 5px;
border-bottom: none;
color: #999;
background: inherit;
}

#content {
padding: 5px;
margin-left: 172px;
margin-bottom: 0;
color: #000000; /*texte couleur noir, très important pour le contenu du catalogue*/
background: #fff;
}

h1 {
margin: 0;
font: bolder 110% verdana, "Trebuchet MS", tahoma, sans-serif;
padding: 5px;
border-bottom: 0px solid #7DCE27;
letter-spacing: 5px;
text-transform: uppercase;
color: #000000; /*texte couleur noir*/
background: inherit;
}

h2 {
margin: 0 0 20px 0;
font: normal 100% verdana, "Trebuchet MS", tahoma, sans-serif;
padding: 5px;
border-bottom: 1px dashed #eee;
text-transform: uppercase;
letter-spacing: 5px;
color: #000000;
background: inherit;
}

a {
text-decoration: none;
color: #0000;
background-color: #fff;
}

a:hover {
text-decoration: none;
color: #444;
background-color:#fff;
}

a img {
border: 0;
}

#sidebar {
float: left;
width: 160px;
margin-left:6px;
padding: 0px;
border-right: 1px  #000;
margin-top:5px; /*marge au-dessus de "catalogue" 99CCFF*/
background-color: #fff;
color: #999;
}

#sidebar a {
color: #333;
background-color: inherit;
}

#sidebar a:hover {
color: #FE3F22;
background-color:  inherit;
}

#footer {
clear:both;
padding: 3px;
margin: 0 0 0 0;
text-align: left;
border-top:1px solid #7DCE27;	
color: #345;
background-color: #fff;		
}

.noborder {
float: left;
margin-left: 10px;
padding-right: 20px;
}

.info {
font-size: 90%;
color: #FE1F22; 
background-color: inherit;
}

 /* set millions of background images */
.rbroundbox { background: url(img/nt2.gif) repeat; }
/*.rbtop div { background: url(img/tl2.gif) no-repeat top left; }*/
.rbtop { background: url(img/tr2.gif) no-repeat top right; }
.rbbot div { background: url(img/bl2.gif) no-repeat bottom left; }
.rbbot { background: url(img/br2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: auto;
font-size: 1px;
margin-left: 10px;
}
.rbcontent {margin: auto 45px 12px ;} /* la valeur px place l'image dans le cadre 8.5em auto*/
.rbroundbox { width: 95%; margin: 0 0px 0  0; } /* les différentes valeures placent la box grise dans le cadre */