/* CSS Document 
index.css
*/
BODY {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#F5F5F5 url(img/back_head.png) repeat-x top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#685B56;
	text-align:center;
}
a:hover{
  text-decoration:underline;
}
#site, #conteneur {
  width: 100%;
  margin:0 auto;
  text-align:left;
}
#PageSite{
}

#headIndex{
  float:left;
  width:100%;
  height:331px;
  background:url(img/top_accueil.png) repeat-x top center;
  padding:0;
  margin:0;
}
#BandeauAccueil{
  width:100%;
  height:140px;
  margin: 170px 0 0 0 ;
  text-align:center;
}
#HeadH1{
  width:936px;
  height:65px !important;
  height:55px;
  text-align:center;
  border-bottom:1px solid white;
  margin:0 auto;
}
h1{
  font-family:verdana;
  color:#FFFFFF;
  text-align:center;
  font-weight:normal;
  font-size:24px;
}
h1 span{
  font-size:16px;
  line-height:30px !important;
  line-height:20px;
}
#HeadH2{
  width:900px;
  height:45px !important;
  height:30px;
  padding-top:0 !important;
  padding-top:10px;
  text-align:center;
  margin:0 auto;
}
h2{
  font-size:11px;
  border-right:1px solid #B26963;
  padding:0 20px;
  color:#FFFFFF;
  font-weight:normal;
  float:left;
  text-align:left;
}
h2 span{
  font-size:9px;
}
#headIndex p a{
  text-decoration:none;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  margin:0;
}
#headIndex p a:hover{
  text-decoration:underline;
}
#BlocVignettes{
  float:left;
  width:100%;
  height:208px;
  margin:0;
  padding:0;
   background:url(img/vignettes_back.png);
   text-align:center;
}
#CategAccueil{
   width:1000px;
   height:200px;
   display:block;
   list-style-type:none;
    padding:0;
    margin:0 auto;
    text-align:left;
}
#CategAccueil li a{
    width:125px !important;
    height:74px !important;
    width:157px;
    height:200px;
    float:left;
    padding:0;
    margin:0;
    display:block; 
    color:#FFFFFF;
    font-size:14px;
    font-weight:normal;
    padding:125px 20px 0 12px;
    text-decoration:none;
    
}
#CategAccueil li {
  padding:0;
  margin-left:4px ;
  width:157px;
  height:200px;
  float:left;
}
li#vignette_rouge {
    margin-left:25px !important;
    margin-left:0;
    
}
li#vignette_rouge a{
    background: url(img/portail-alarm-intrusion.png) no-repeat;
}
li#vignette_orange a{
    background: url(img/portail-incendie.png) no-repeat;
}
li#vignette_vert a{
    background: url(img/portail-video.png) no-repeat;
}
li#vignette_bleu a{
    background: url(img/portail-piscine.png) no-repeat;
}
li#vignette_rose a{
    background: url(img/portail-assistance.png) no-repeat;
}
li#vignette_marron a{
    background: url(img/portail-domotique.png) no-repeat;
}
#CategAccueil li a:hover{
  background-position: left -200px;
}
#BlocMarques{
  width:100%;
  padding:0;
  margin:0;
  float:left;
  margin:21px auto;
  text-align:center;  
}
#BlocM{
  width:958px;
  margin:0 auto;
}
#TopM{
  width:958px;
  height:10px;
  padding:0;
  margin:0;
  background: url(img/marques_top.png) no-repeat bottom left;
}
#BM{
  width:958px;
  height:10px;
  padding:0;
  margin:0;
  background: url(img/marques_bottom.png) no-repeat;
}
#MM{
  width:938px !important;
  width:958px;
  padding:10px;
  margin:0;
  background: url(img/marques_middle.png) ;
  text-align:center;
  font-size:10px;
}
#MM p{
  padding:0;
  margin:0 !important;
  margin:0;
  padding-bottom:10px;
}
 /*Footer*/
#FooterDiv{
  color:#FFFFFF;
  width:100%;
  height:98px;
  margin:0;
  padding:0;
  background-image:url(img/background-footer-index.jpg);
  background-repeat: repeat-x; 
  text-align:center;
  float:left;
} 
#FooterDiv p{
  margin:0;
  padding:5px;
  margin-bottom:5px;
}
#FooterDiv p a{
  color:#FFFFFF;
  font-size:9px;
  text-decoration:none;
}
#FooterDiv p a:hover{
  text-decoration:underline;
}
#FooterDiv p#FooterTitle{
  margin:0;
  margin-top:5px;
  font-weight:bold;
}
#FooterCat{
  list-style-type:none;
  height:41px;
  width:1000px;
  margin:0 auto;
}  
#FooterCat li{
  display:block;
  float:left;
  margin:0;
  border-right:1px solid white;
  height:30px;
  list-style-type:none;
}  
#FooterCat li a{
  margin:0 5px;
  display:block;
  text-align:center;
  color:#FFFFFF;
  width:140px;
  text-decoration:none;
  vertical-align:text-bottom;
}  
#FooterCat li a:hover{
  text-decoration:underline;
}
li#FO6{
  border:0;
}