* {
  padding: 0;
  margin: 0}
html, body {
  font-family : arial, verdana, sans-serif;
  margin : 0 auto;
  text-align : center;
  font-size : 100%;
  background : #272C32}
#conteneur {
  color : #fff;
  text-align:center;
  margin : 0 auto;
  border-top : 5px solid #000;
  width : 980px;
  height : auto}
.bandTop{
  width:980px;
  height:120px;
  background:red}
.logo {
  float: left;
  width: 120px;
  height: 120px}
.titre {
  float: left;
  width: 740px;
  height: 120px;
  font-size: 1.5em}
#blocLeft {
  float : left;
  width : 800px;
  background : #272C32}
#blocRight {
  float : left;
  width : 180px;
  height : auto;
  background : #272C32}
/* Source : http://www.megaptery.com/2010/10/creez-un-menu-simple-avec-un-sprite-css.html */		
/* Positionnemet par défaut à l'ouverture de la page */		
.menu {list-style-type: none}
.menu li.CMSI a, .menu li.RSI a, .menu li.DAI a , .menu li.DM a, .menu li.DS a, .menu li.DAS a {
  height: 60px;
  width: 120px;
  display: block;
  font-weight: bold;
  font-size: 1em;
  line-height: 2em;
  margin-bottom: 20px;
  text-align: left;
  background: url(sprite-Alarme-TS-106-Merlin-Gerin-EUROPA-246-Universal-Det.jpg) no-repeat;
  color: blue;
  text-decoration:none}
.menu li.CMSI a {background-position:    0px 0px}
.menu li.RSI a     {background-position: -120px 0px}  
.menu li.DAI a   {background-position: -240px 0px}  
.menu li.DM a     {background-position: -360px 0px}
.menu li.DS a     {background-position: -480px 0px}
.menu li.DAS a   {background-position: -600px 0px}
/* Positionnement au survol des liens */	
.menu li.CMSI a:hover {background-position:    0px -60px}
.menu li.RSI     a:hover {background-position: -120px -60px}
.menu li.DAI    a:hover {background-position: -240px -60px}
.menu li.DM     a:hover {background-position: -360px -60px}
.menu li.DS     a:hover {background-position: -480px -60px}
.menu li.DAS   a:hover {background-position: -600px -60px}
.menu li a:hover {color: red}
#bandBottom {
float : left;
width:800px;
height:150px;
font-size:.9em}