/* La Voix de l'Enfant
 * style:    imprimable
 * author:   greg@eko-co.fr
 * rev:      27/02 '10
 */

* {
border: 0;
margin: 0;
padding: 0;
}

body {
font: 12px Arial, Verdana, sans-serif;
color: black;
background: white;
margin: 10px 20px;
}

h1, h2, h3, h4 { margin-top: 1em; margin-bottom: 0.5em; }
h1 { font-size: 1.6em; background: #f15a22; padding: 0.1em 0; text-transform: uppercase; }
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; margin-left: 1em; font-weight: normal; }
h4 { font-size: 1em; margin-left: 1em; font-style: italic; }
ul, ol, dl { margin: 0.5em 0; padding-left: 2em; }
dt { font-weight: bold; }
p, address { margin: 0.5em 0; }
address { font-style: normal; }
img { border: 0; }
a, a:hover, a:visited { text-decoration: none; color: #f15a22; }
a:hover { color: black; }
input, select, textarea { border: 1px #ccc solid; margin-bottom: 0.1em; }


/* Layout */
#header {
border-bottom: 1px #fe3211 solid;
padding: 1em;
}
#header address {
font-size: 0.8em;
text-align: right;
margin-bottom: 25px;
}
#header address a { color: black; }
#header .donate, #panel, #nav { display: none; }

#footer {
font-size: 0.8em;
clear: both;
margin-top: 2em;
text-align: right;
border-top: 1px #fe3211 solid;
padding-top: 2em;
}


/* Elements */

.encart {
float: right;
clear: right;
width: 203px;
margin: 0 0 1em 1em;
text-align: right;
background: white;
}
.encart div { margin-bottom: 1em; }

.over { border-top: 1px #578fbb solid; padding-top: 1em; }
.sfr { font-size: 0.8em; color: red; }
.carole { border: 1px #d0d0d0 solid; border-width: 1px 0; margin-top: 2em; padding: 1em 0; height: 143px; }


/* Classes */

.hidden { display: none; }

.center { text-align: center; }
.small { font-size: 0.8em; }
.big { font-size: 1.2em; }

.border { border: 1px black solid; padding: 1em; margin: 1em 0; }
.blue { color: #f15a22; }

.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }
.icon { vertical-align: middle; }
.clear { clear: both; }
.margin { margin-right: 213px; }

.nodots { list-style: none; }
.gotop { clear: right; font-size: 0.8em; padding-right: 10px; background: transparent url('top.png') no-repeat right; }

.info { text-align: right; font-style: italic; }
.link { margin-left: 1em; font-size: 0.9em; font-style: italic; }
.quote { margin: 1em; text-align: center; font-weight: bold; font-size: 1.2em; }
.signature { text-align: right; font-size: 0.9em; font-style: italic; }

dl.table dt, label, span.check { display: block; float: left; clear: left; width: 120px; text-align: right; margin-right: 1em; font-weight: bold; }
dl.table dd { margin-left: 120px; padding-left: 1em; }
span.required { color: red; }

.buttons { margin-top: 2em; }
a.step { display: block; width: 120px; padding: 2px 5px; border: 1px #f15a22 solid; text-align: center; }
a.step img { vertical-align: middle; padding: 0; }
a.step:hover { background: #f15a22; color: white; }