#contact-form table {
    width: 90%;
    border: none;
}

#contact-form tr {
   border: none;
}

#contact-form td, #contact-form th {
    border: none;
    padding: 5px;
    vertical-align: top;
}

#contact-form th {
    text-align: right;
    font-weight: normal;
    white-space: nowrap;
    width: 110px;
}

#contact-form td {
    text-align: left;
}

#contact-form select, #contact-form input, #contact-form textarea {
    width:95%;
}

#contact-form input#name, #contact-form input#email{
    width:60%;
}

#extrarow, #extra2row {
    display: none;
}

#contact-form th input {
    width: auto;
}

#contact-form :invalid, #contact-form :required {
    box-shadow: none; /* thanks, but no, thanks, firefox */
}

/*efface la ligne au milieu du formulaire si ie*/
#contact-form hr {
    width: 0px;
}

#contact-form th {
    padding-top: 8px;
}

#contact-form td span {
    margin-top: 3px;
    display: inline-block;
}


/* mpp: si dans template.css, gradients pas pris en compte par ie mais bien par firefox*/
#contact-form input, #contact-form textarea, #contact-form select, #contact-form button {
    margin: 0;
    padding: 2px 5px;
    /*HTML5 gradients*/
    background: -moz-linear-gradient(center top,rgba(130,130,130,0.6) 0%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,130,130,0.6)), color-stop(100%,rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(top, rgba(130,130,130,0.6) 0%,rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(top, rgba(130,130,130,0.6) 0%,rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(130,130,130,0.6) 0%,rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99828282', endColorstr='#e5ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to bottom, rgba(130,130,130,0.6) 0%,rgba(255,255,255,0.9) 100%);
    border: 1px solid silver;
    -moz-border-radius:4px; 
    -webkit-border-radius:4px;
    border-radius: 4px;
}


/*mpp: aligner le bouton send sur les autres zones*/
#contact-form button{
    padding: 5px 10px 5px 10px;
    margin-left: 130px;
    margin-top: 10px;
}


/*mpp: graphique au lieu de gradients pour bouton si ie*/
#ie #contact-form button:hover{
    background: url(/joomla25_andreas/images/senden.png);
}

/*************************************************************************
mpp: harmonisation easycalccheckplus avec le style original de ALFcontact
     se charge apres template.css et override donc celui-ci.influence 
     uniquement la zone easycalccheckplus de ALFcontact et pas celle de 
     Easybookreloaded. Si mention !important au niveau de easycalccheckplus, 
     impossible d'overrider le style
*************************************************************************/

/* mpp: aligne le bloc (label + input) sur la gauche des input alfcontact */
#contact-form #easycalccheckplus, #contact-form #easycalccheckplus:hover{
    width: 95%;
}

#contact-form #easycalccheckplus label{
    margin-left: 120px;
    padding: 0 5px;
}

#contact-form #easycalccheckplus input{
    width: 50px;
    height: 20px;    /*pour ie*/
}