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: 0 -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 */
}


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



p span {
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}

h1 {
	margin: 0;
	font: bold 100% verdana, "Trebuchet MS", tahoma, sans-serif;
	padding: 5px;
	letter-spacing: 9px;
	text-transform: uppercase;
	color: #666666; /*texte couleur noir*/
	background: inherit;
	line-height: 30px;
}

h2 {

font: bolder 90% verdana, "Trebuchet MS", tahoma, sans-serif;
padding: 3px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000000;
line-height: 30px;
}
a { text-decoration:none;
}

a:visited {color: blue;}

a:hover {color: blue;}

a img {
border: 0; /*margin-left: -60px; /* dépassement des photos sur cadre jaune ( fonctionne avec firefox, mais pas avec ie */
}

#sidebar {
float: left;
width: 160px;
margin: -12px 20px 15px 0px;
padding: 0px;
border-right: 1px dashed #eee;
margin-top:5px; /*marge au-dessus de "catalogue" */
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 */
background-color: inherit;
}

.dogvdvhdr {

font-weight:bold;
padding:6px;
         }
       
.dogvdvbdy {

         }


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

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