/* LPI Adhesion */

#lpi-adhesion{
    margin-bottom: 5em;
}
#lpi-adhesion .ligne-adhesion{
    text-align: center;
    padding: 1em;
}

#lpi-adhesion #alerte-confirmation{
    padding: 2em;
    margin-top: 2em;
    text-align: center;
    background: #69AE62;
    color: #FFF;
}

#lpi-adhesion .titre {
    font-size: 1.8em;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    text-transform: none;
    color: #69AE62;
    margin: 1em 0;
}
#lpi-adhesion label {
    display: block;
    line-height: 2em;
    padding: .8em;
}
#lpi-adhesion input[type="text"]{
    width: 100%;
    background: #EEE;
    border: 0px none;
    height: 41px;
    line-height: 41px;
    transition: box-shadow .25s ease 0s;
}
#lpi-adhesion input:required { box-shadow:none; }
#lpi-adhesion input:invalid:not(:empty),
#lpi-adhesion input.validation-echec{ box-shadow: 0 0 0 3px #f44336 inset; }

#lpi-adhesion .informations-contact select {
    background-color: #EEE;
    border: 0px none;
    width: 100%;
}

#lpi-adhesion #checkbox-confirmation{
    position: absolute;
    transform: translate(-10000px);
}
#lpi-adhesion #checkbox-confirmation + label{
    display: inline-block;
    position: relative;
    height: 1em;
    width: 1em;
    padding: 2px;
    border: 1px solid #000;
    vertical-align: text-bottom;
}
#lpi-adhesion #checkbox-confirmation.validation-echec + label{
    box-shadow: 0 0 0 2px #f44336;
    border: 1px solid #f44336;
}

#lpi-adhesion #checkbox-confirmation + label::after{
    content: '';
    position: absolute;
    top: 2px; left: 2px; right: 2px; bottom: 2px;
    background: #FFF;
    transition: background .25s ease 0s;
}
#lpi-adhesion #checkbox-confirmation:checked + label::after{
    background: #69AE62;
}

#lpi-adhesion #checkbox-confirmation + label + label{
    display: inline-block;
}

#lpi-adhesion .bouton-paypal {
    float: right;
    border: 2px solid #0098DD;
    padding: .5em 3em;
    border-radius: 2em;
    text-transform: uppercase;
    background: #FFF;
    color: #0098DD;
    display: block;
    width: 100%;
}
#lpi-adhesion .bouton-paypal img{ height: 1em; width: auto; vertical-align: text-bottom; margin-right: 1em; }
#lpi-adhesion .bouton-paypal:hover{
    background: #0098DD;
    color: #FFF;
}
#chargement-formulaire img { height: 5em; }
#chargement-formulaire { text-align: center; padding: 5em; }