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 0px;
margin-left: 0;
border-bottom: 0px solid #eee;
text-align: left;
letter-spacing: 6px;
background: #99CCFF; /* couleur barre des liens horizontale 02 */
}

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

#navlist li a {
padding: 3px .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, "Trebuchet MS", tahoma, sans-serif;
text-align: right;/*left;*/
letter-spacing: 5px;
border-bottom: none;
color: #999;
background: inherit;
}

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

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;
}

h3 {
margin: 0px 0px 0px -20px;
font: bolder 100% verdana, "Trebuchet MS", tahoma, sans-serif;
padding: 0px;
border-bottom: 0px dashed #eee;
text-transform: uppercase;
letter-spacing: 5px;
color: #000000;
background: inherit;
}
h4 {
	margin: 0px 0px 0px 0px;
	font: bolder 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	padding: 5px;
	letter-spacing: 6px;
	color: #FF0000;
	background: inherit;
	line-height: inherit;
}


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

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

a img {
border:0;  margin-right: 0px;/* dépassement des photos sur cadre jaune */
}

#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;
}

#sidebar h1 {
	font: 90% verdana, "Trebuchet MS", tahoma, sans-serif;
	background: #99CCFF; 
	letter-spacing: 7px;
	color: #fff;
	height: 10px;
	width: 120px;
	text-transform: none;
	text-align: left;	
	}
 
 
#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: #F000000; /* couleur texte de la zone grise */
text-align:justify;
background-color: inherit;
}

 /* set millions of background images   cette synthaxe supprime la box grise: { background: url(img/nt2.gif) no-repeat; } */
.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: 20px;
font-size: 1px;
}
.rbcontent {margin: 30px 45px auto ; } /* la valeur px place l'image dans le cadre 8.5em auto*/
.rbroundbox { width: 80%; margin: 0 0px 00px 70px; } /* width: 75% = largeur de la box grise;les différentes valeures placent la box grise dans le cadre */