#gauche {
float:left;
margin-top:30px;
width:372px;
background-image:url(../abonnement/images/fond.jpg);
background-repeat:repeat-x;
}
#gauche2 {
float:left;
margin-top:30px;
width:372px;
background-image:url(../abonnement/images/fond-depliant.jpg);
background-repeat:repeat-x;
}
#droite {
float:left;
margin-top:30px;
width:310px;
height:188px;
}
#img {
position:absolute;
margin-left:-2px;
width:378px;
height:188px;
}
#boite {
display:block;
float:left; 
width:596px;
height:188px;
background-image:url(../abonnement/images/fond.jpg);
}
#boite2 {
display:block;
float:left; 
width:596px;
height:188px;
background-image:url(../abonnement/images/fond-depliant.jpg);
}
#boite_interieur {
position:absolute;
padding-top:104px;
padding-left:8px;
width:500px;
height:150px;
}

#boite-gauche {
position:relative;
padding: 200px 10px 10px 0px;
width:100px;
height:360px;
}
#bouton-service {
display:block;
float:left;
margin-left:70px;
height:40px;
}
#fille-service {
float:left;
padding-top:30px;
padding-left:50px;
width:246px;
height:270px;
}
#boite-centre {
clear:both;
display:block;
padding:0px 2px 2px 5px;
float:left; 
height:370px;
width:582px;
border:2px solid #007FC5;
border-top:none;
border-bottom:none;
}
#boite-centre-bas {
display:block;
float:left; 
height:17px;
width:593px;
background-image:url(../perce/images/bas.jpg);
}
#societe {
position:absolute;
margin-top:30px;
margin-left:275px;
height:41px;
width:671px;
}
label {
float:left;
padding-right:5px;
width:150px;
text-align:right;
}
form p {
margin 0px;
clear:left;
padding-top:5px;
color:#4168A9;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
input {
border:1px solid #4168A9;
background-color:#DAECFE;
}
.button {
background-color:#BECDE7;
font-weight:bold;
color:#4168A9;
border:1px solid #D5DEEE;
}
textarea {
border:1px solid #4168A9;
background-color:#DAECFE;
}
select {
border:1px solid #4168A9;
background-color:#DAECFE;
}
.percetitre {
font-weight:bold;
font-size:20px;
color:#003366;
}