@media only screen and (max-width :480px){
    .pure-form label { display: inline;}
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 62.5em;
}

input, label {
    line-height: 2;
}

input {
    /*margin-right: 0.5em;*/
    /*margin-left: 1em;*/
}

hr { height: 1px; border: 0;}

#form > div {
    margin-bottom: 1em;
}


.txt-center {
    text-align: center;
}
.txt-right {
    text-align: right;
}

.align-center {
    margin: 0 auto
}
.left {
    float: left;
    margin-right: 0.5em;
}

.mt-1 {
    margin-top: 1em !important;
}
.pure-form fieldset {
    border: 1px solid #e8e9f3;
    padding: 1em;
    background-color: #f1f1f1;
    border-radius: 2px;
}

.pure-form legend {
    width: auto;
    padding:0.5em 0.75em;
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    background: #00C3D5;
    box-shadow: 0px 0px 5px 1px #aaa;
    /*transform: rotate(-2deg);*/
    border-bottom: 0;
}
.pure-form label {
    font-weight: bold;
    color: #444;
}
.facultatif {
    background-color: #fff; padding: 0.1em 1em 1em 1em;
}

.pure-form .question {
    margin-top: 1em;
    margin-bottom: 0.25em;
    font-weight: bold;
}
.pure-form .question-b {
    margin: 0.25em 0;

}
.pure-form .question-b:first-letter {
    font-weight: bold;
}

.question span {
    font-size: 0.75em;
    font-weight: normal;
    font-style: italic;
}

h3 {
    font-size: 1.25em;
    padding-bottom: 0.5em;
    font-variant: small-caps;
    background: url("../media/quartier.jpg") no-repeat 0 bottom transparent;
}

.error { color: #DD0000;}

.logo img {
    max-height: 50px;
}

aside {
    background: #1f8dd6; /* same color as selected state on site menu */
    padding: 0.3em 1em;
    border-radius: 3px;
    color: #fff;
}

.special {
    margin-top: 0.5em;
    padding: 0 0.5em 0.5em;
    background: #fff;
    border-radius: 3px;
}

ul#parcelles > li > div > div {
    display: inline;
}