.fond,.fond2 {
 background-color: white;
 width:842px;
 height:595px;
 margin-left:-421px;
 margin-top:-297px;
 top:50%;
 left:50%;
 position:absolute;
}
.fond {
 background-position: center 0;
 background-repeat: no-repeat;
 background-image: url(../images/fond_haut.png);
}
.petit-rond {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/petit_rond.png);
 margin-left:221px;
 margin-top:223px;
 position:absolute;
 width:186px;
 height:163px;
}
.grand-rond {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/grand_rond.png);
 margin-left:0px;
 margin-top:247px;
 position:absolute;
 width:273px;
 height:260px;
}
.virgule {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/virgule.png);
 margin-left:0px;
 margin-top:430px;
 position:absolute;
 width:566px;
 height:163px;
 cursor:pointer;
}
.haricot {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/haricot.png);
 background-color:transparent;
 margin-left:578px;
 margin-top:36px;
 position:absolute;
 width:248px;
 height:557px;
}
.slogan {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/slogan.png);
 margin-left:294px;
 margin-top:392px;
 position:absolute;
 width:323px;
 height:60px;
}
.info-erreur {
 margin-left:450px;
 margin-top:320px;
 position:absolute;
 font-family:Arial;
 font-size:14px;
 color:Black;
}
.alma {
 bottom:5px;
 margin-left:-30px;
 position:fixed;
 left:50%;
 
}
body {
 /*	 
 background-position: center center;
 background-repeat: no-repeat;
 background-image: url(../images/surfond.gif);
 background-attachment : fixed;*/
}
.btn-1 {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/lelogicielbpprep.png);
 margin-left:46px;
 margin-top:104px;
 position:absolute;
 width:115px;
 height:82px;
 cursor:pointer;
}
.btn-1:hover {
 background-image: url(../images/lelogicielbpprepON.png);
}
.btn-2 {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/lactualite.png);
 margin-left:29px;
 margin-top:205px;
 position:absolute;
 width:126px;
 height:73px;
 cursor:pointer;
}
.btn-2:hover {
 background-image: url(../images/lactualiteON.png);
}
.btn-3 {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/monespaceclient.png);
 margin-left:72px;
 margin-top:282px;
 position:absolute;
 width:117px;
 height:77px;
 cursor:pointer;
}
.btn-3:hover {
 background-image: url(../images/monespaceclientON.png);
}
.btn-4 {
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url(../images/nouscontacter.png);
 margin-left:109px;
 margin-top:371px;
 position:absolute;
 width:102px;
 height:71px;
 cursor:pointer;
}
.btn-4:hover {
 background-image: url(../images/nouscontacterON.png);
}