body{
 margin: 4px;
 padding: 0px;
 color: #334686;
 background:#99FF99;
 font-size:0.84em;
}
#haut{
height: 132px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
background: url(image/logo-LA2.jpg) left top no-repeat;
background-color:white;
border: 1px solid black;
border-bottom:none;
color:#dbb203;
font-family: 'Purisa';
}
#bleu{
margin-left: 5px;
margin-right: 5px;
background:#334686;
border: 1px solid black;
}
#blanc{
margin: 6px;
padding: 0px;
background: white;
border: 1px solid black;
}
#texte{
margin:10px 10px 10px 180px;
padding: 0px 0px 0px 30px;
}
img{
border-width=0px;
border-style:none;
}
.separation{
clear:both;
visibility:hidden;
}
ul#qui{
line-height:40px;
}
li{
text-align:justify;
margin-right:20px;
}
h1{
height:35px;
padding:0px 0px 0px 20px;
margin:20px 10px 15px 10px;
background: url(image/bandetitre.png) center top repeat-y;
text-align:center;
color:white;
line-height: 35px;
}
h2{
padding:0px 0px 0px 20px;
margin:20px 10px 15px 10px;
border-bottom: 1px solid #dddfeb;
margin-top:20px;
}
h3{
height:23px;
padding:0px 0px 0px 20px;
margin:20px 10px 15px 10px;
background: url(image/bande.png) left top repeat-y;
color:white;
}
h4{
text-align:center;
font-size:small;
font-weight:normal;
}
p{
text-align:justify;
text-indent:40px;
margin:10px;
padding:0px 10px;
}
.gras{
font-weight:bold;
}
.centre{
text-align:center;
}
.italic{
font-style:italic;
}
.gauche{
text-align:left;
float:left;
margin: 0px 10px 0px 20px;
}
.droite{
text-align:right;
color:red;
float:right;
margin: 0px 10px 0px 20px;
}
#marge{
margin-right:190px
}

input,select{
margin-right:20px;
}
.form {
margin:10px 0px 10px 10px;
padding:0px 10px;
}
#appartement, #maison, #autre{
margin-left : 50px;
}
.formcentre {
margin:10px;
padding:0px 10px;
text-align:center;
}
.rouge{
color:red;
font-weight:bold;
}
.machine{
margin-top:30px;
margin-left:200px;
}
.machinetop{
margin-top:55px;
}
li.titre{
margin-top:10px;
font-weight:bold;
list-style-type: none;
}
table{
border:2px solid #dddfeb;
text-align:center;
border-collapse:collapse;
margin-left:auto;
margin-bottom:15px;
margin-right:auto;
}
td{
height:22px;
border:1px solid #dddfeb;
}
#long{
width:190px;
}
a.retour{
display:block;
text-align:right;
margin-right:20px;
color:#84b2c3;
font-weight:bold;
}
h3 a{
text-decoration:none;
color:white;
}
.barre{
height:1px;
border-top:1px solid red; 
}
.vert{
color:#51c64d;
}
.jaune{
color:#f1fb54;
}
.orange{
color:#fc8c4c;
}
.garantiehaut{
position:absolute;
top:505px;
left:250px;
}
.garantiebas{
position:absolute;
top:965px;
left:250px;
}
.prise{
width:90px;
height:110px;
text-align:center;
vertical-align:center;
margin:5px;
float:left;
}
#cadrekitmc{
border:5px double #334686;
width:500px;
height:130px;
background:#004080;
color:white;
}
.cadrekit2{
border:5px double #334686;
width:215px;
height:135px;
background:#004080;
color:white;
}
#cadrekitps{
border:5px double #334686;
width:100px;
height:130px;
background:#004080;
color:white;
}
.acc{
width:130px;
height:130px;
text-align:center;
vertical-align:center;
margin:10px;
float:left;
}
.cadrekit3{
border:5px double #334686;
width:510px;
background:#004080;
color:white;
}
.cadrekit4{
border:5px double #334686;
width:350px;
height:400px;
background:#004080;
color:white;
}
.cadrekit5{
text-align:center;
border:5px double #334686;
width:350px;
background:#004080;
color:white;
}
#cgv{
display:block;
color:white;
font-size:80%;
text-align:center;
text-decoration:none;
}
#ttc{
color:red;
font-size:200%;
}
#slogan{
position:relative;
left:350px;
top:10px;
font-size:110%;
width:53%;
text-align:center;
}
#blason{
position:absolute;
right:20px;
top:-5px;

margin-top: 20px;
padding:0;

}
#slogan a{
font-family:'Times';
font-size:150%;
color:#eb5154;
position:relative;
font-weight:bold:
text-decoration:none;
}
.promo{
width:60%;
height:400px;
margin-left:10%;

}
.nodeco{
text-decoration:none;
}

.achat{
width:100%;
float:left;
padding:20px 0;
}
.achat:hover{
background-color:#c6ffd5;
}