html {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
overflow : auto;
}
body {
margin : 0;
padding : 0;
width : 100%;
background-image : url("images/Back.jpg");
background-repeat : repeat-x;
}
#Menu{
	float : right;
}
#Pied{
background-image : url("images/Back2.jpg");
background-repeat : repeat-x;
height: 60px;
width : 100%;
bottom : 0px;
position : absolute;
}
.zoom1 {
 width: 152px;
 height: 52px;
 background-image: url(images/bt_MatESPIO.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 290px;
 margin-top : -28px;
 z-index : 1;
}
.zoom1 p, .zoom1 a {
width : 152px;
height : 52px;
display: block;
margin: 0;
}
.zoom1 a:hover {
width : 152px;
height : 51px;
background-image: url(images/bt_MatESPIO_hover.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}
.zoom2 {
 width: 152px;
 height: 52px;
 background-image: url(images/bt_promo.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 450px;
 margin-top : 112px;
 z-index : 1;
}
.zoom2 p, .zoom2 a {
width : 152px;
height : 52px;
display: block;
margin: 0;
}
.zoom2 a:hover {
width : 500px;
height : 200px;
background-image: url(images/promo2.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
padding-top : 0px;
margin-top : 0px;
top : -25px;
margin-left : -330px;
z-index : 1;
}
.zoom3 {
 width: 152px;
 height: 51px;
 background-image: url(images/bt_Entretien.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 450px;
 margin-top : 40px;
 z-index : 1;
 cursor : normal;
}
.zoom3 p, .zoom3 a {
width : 152px;
height : 51px;
display: block;
margin: 0;
}
.zoom3 a:hover {
width : 152px;
height : 51px;
background-image: url(images/bt_Entretien_hover.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}
.zoom4 {
 width: 152px;
 height: 51px;
 background-image: url(images/bt_TELECO.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 450px;
 margin-top : -27px;
 z-index : 1;
 cursor : normal;
}
.zoom4 p, .zoom4 a {
width : 152px;
height : 51px;
display: block;
margin: 0;
}
.zoom4 a:hover {
width : 152px;
height : 51px;
background-image: url(images/bt_TELECO_hover.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}
.zoom5{
 width: 152px;
 height: 51px;
 background-image: url(images/bt_Daitem.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 290px;
 margin-top : 39px;
 z-index : 1;
 cursor : normal;
}
.zoom5 p, .zoom5 a {
width : 152px;
height : 51px;
display: block;
margin: 0;
}
.zoom5 a:hover {
width : 152px;
height : 51px;
background-image: url(images/bt_Daitem_hover.png);
background-repeat: no-repeat;
margin: 0 auto; 
position : absolute;
z-index : 1;
}

.zoom6{
 width: 152px;
 height: 51px;
 background-image: url(images/bt_MatPlan.png);
 background-repeat: no-repeat;
 margin: 0 auto; 
 position : absolute;
 margin-left : 130px;
 margin-top : -28px;
 z-index : 1;
 cursor : normal;
}
.plan{
width : 650px;
height : 600px; 
background-image: url(images/GubernatisPlan.png);
position : absolute;
 z-index : 100;
}
.positionPlan{
position : absolute;
left : 1px;
top : -6px;
}
.contenant{
display:none;
}
.zoom6 p, .zoom6 a {
width : 152px;
height : 51px;
display: block;
margin: 0;
}
.zoom6 a:hover {
width : 152px;
height : 51px;
background-image: url(images/bt_MatPlanRoll.png);
background-repeat: no-repeat;
margin: 0 auto; 
position:absolute;
z-index : 1;
}
.Conteneur{
width: 100%;
height: 51px;
position : absolute;
top : 9px;
margin-left : 0px;
z-index : 1;
}
.Alignement {
text-align : center;
}
.NumTelEtAddr a{
color : red;
text-decoration : none;
font-size : 20px;
 font-family: "Arial Black", Arial, Verdana, serif;
}
.NumTelEtAddr a:hover{
cursor: help;
}
img{
text-decoration : none;
border : none;
}
.Photo {
position : absolute;
z-index : 0;
background-repeat : no-repeat;
top : 19%;
height : 70%;
width : 100%;
right : 0%;
}
.Bouton{
color : red;
text-decoration : none;
font-size : 20px;
 font-family: "Arial Black", Arial, Verdana, serif;
}
.Bouton:hover{
color : white;
text-decoration : none;
font-size : 20px;
font-family: "Arial Black", Arial, Verdana, serif; 
}