1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
| #global {
position: absolute; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: ...;
text-align: left;
}
p.titre {
background:#0AA6E1;
padding:.2em .3em;
font-size:1.2em;
border:2px outset #DED983;
position:relative;
margin-bottom:-1em;
width:10em;
margin-left:1em;
margin-top:1em;
}
fieldset {
border:none;
margin-bottom:1em;
width:24em;
padding-top:1.5em;
}
select {
margin-left:9em;
margin-bottom:0;
}
/* fieldset coordonnees */
fieldset#coordonnees {
background:#0AA6E1;
border:outset #0AA6E1;
}
#coordonnees label {
position:absolute;
font-size:90%;
padding-top:.2em;
left:20px;
}
#coordonnees input {
margin-left:9em;
line-height:1.4em;
margin-bottom:.2em;
}
/* fieldset message */
fieldset#message {
background:#0AA6E1;
border:outset #0AA6E1;
}
#civilite {
font-size:90%;
}
#civilite input {
margin-left:9em;
}
/* zone de texte du message */
textarea {
font:.8em "Trebuchet MS", Verdana, sans-serif;
width:29em;
padding:.2em;
}
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] {
background:#0AA6E1;
font:1.2em "Trebuchet MS", Verdana, sans-serif;
color:#345071;
}
p#buttons {
text-align:center;
} |
Partager