* {
  padding: 0;
  margin: 0}
html, body {
  font-family : arial, verdana, sans-serif;
  margin : 0 auto;
  text-align : center;
  font-size : 100%;
  background : #000}
#conteneur {
  color : #ccc;
  text-align:center;
  margin : 0 auto;
  border-top : 5px solid #000;
  width : 980px;
  height : auto}
.bandTop {
  width:980px;
  height:100px}
.bandTopL {float:left;width:600px}
.bandTopR {float:left;width:380px}
.bandMid {
  width:980px;
  height:450px}
.bloc1, .bloc1a {
  float:left;
  color:#000;
  font-size:.9em;
  font-weight:bold;  
  width:140px;
  height:20px;
  background:#FFF}
.bloc1a {background:#9EFF9E}
.bloc2, .bloc2a, .bloc2b {
  float:left;
  color:#000;
  font-size:.8em;
  font-weight:bold;  
  width:140px;
  height:50px;
  background:silver}
.bloc2a {background:#CCFFCC}
.bloc2b {background:#FFF}
.bloc3, .bloc3a, .bloc3b {
  float:left;
  color:#000;
  font-size:.8em;  
  width:140px;
  height:20px;
  background:silver}  
.bloc3a {background:#FFF}
.bloc3b {background:#FFCC99}


















  

#bandBottom4{
  width:980px;
  height:auto;
  font-size:.9em;
  background: #000 url(fond-degrade-5.png) repeat-y}
img {
   border:none;
   display:block} /* Pour éviter l'espace indésirable dans le bloc sous IE */
/* -------- Menu bleu --------- */   
.menuBlue #navig{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(blueslate_background.gif) repeat-x top left;
	font-family:Arial;
	text-transform:uppercase}
.menuBlue #navig ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;}
.menuBlue #navig ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;}
.menuBlue #navig ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;}
.menuBlue #navig ul li a:hover{
	color:#ccc;
	background:transparent url(blueslate_backgroundOVER.gif) no-repeat top center;}