body {
   margin: 0; 
   text-align: center; 
   background-color:#FFFFFF;
}

#global {
   margin-left: auto;
   margin-right: auto;
   margin-top: 40px ;
   width: 1024px; 
   text-align: left; 
}

#bandeau {
   margin: 0 auto ;	
   width:1024px;
   height:677px;
   background-image: url('images2012/autressites/index-autressites.jpg') ;
   background-repeat: no-repeat ; 
	}
	
#accueil {    
    margin-left: 160px ;
    float: left;
	width:93px;
	height:18px;	
	background-image: url('images2012/autressites/btn_accueil1.jpg') ;
	background-repeat: no-repeat ; 
}	

a.rolloveraccueil {
	width:93px;
	height:18px;
    display:block;
}

a.rolloveraccueil:hover {
    background:url('images2012/autressites/btn_accueil2.jpg') no-repeat 0 0;
}

#site1 {
    margin-top: 225px ;
    margin-left: 102px ;
    float: left;
	width:195px;
	height:60px;	
	background-image: url('images2012/autressites/btn-wetmpv1.png') ;
	background-repeat: no-repeat ; 
}	

a.rollover1 {
	width:565px;
	height:60px;
    display:block;
}
a.rollover1:hover {
    background:url('images2012/autressites/btn-wetmp2.png') no-repeat 0 0;
}

#site2 {
    margin-top: 295px ;
    margin-left: -195px ;
    float: left;
	width:195px;
	height:60px;	
	background-image: url('images2012/autressites/btn-podcv1.png') ;
	background-repeat: no-repeat ; 
}	

a.rollover2 {
	width:565px;
	height:60px;
    display:block;
}

a.rollover2:hover {
    background:url('images2012/autressites/btn-podc2.png') no-repeat 0 0;
}

#site3 {
    margin-top: 365px ;
    margin-left: -195px ;
    float: left;
	width:195px;
	height:60px;	
	background-image: url('images2012/autressites/btn-cdcv1.png') ;
	background-repeat: no-repeat ; 	
}	

a.rollover3 {
	width:565px;
	height:60px;
    display:block;
}

a.rollover3:hover {
    background:url('images2012/autressites/btn-cdc2.png') no-repeat 0 0;
}

#site4 {	
    margin-top: 435px ;
    margin-left: -195px ;
    float: left;
	width:195px;
	height:60px;	
	background-image: url('images2012/autressites/btn-artrv1.png') ;
	background-repeat: no-repeat ; 
}

a.rollover4 {
    width:565px;
	height:60px;
    display:block;
}

a.rollover4:hover {
    background:url('images2012/autressites/btn-artr2.png') no-repeat 0 0;
}

#siteperso {
    margin-top: -340px ;
    margin-left: 770px ;
    float: left;
	width:111px;
	height:60px;	
	background-image: url('images2012/autressites/btn-perso1.png') ;
	background-repeat: no-repeat ; 
}

a.rolloverperso {  
	width:111px;
	height:60px;
    display:block;
}

a.rolloverperso:hover {
    background:url('images2012/autressites/btn-perso2.png') no-repeat 0 0;
}