/* Feuille de style - Observatoire des prix du bois */
/* Général */
.content * {
    font-family: Tahoma;
    font-size: 12px
    }
.button-nav {
    width: auto;
    overflow: visible;
    color: #fff
    }
.button-navita {
    font-style: italic;
    width: auto;
    overflow: visible;
    color: #fff;
    padding: 1px 10px;
    margin: 5px 0;
    border: 2px solid #95c04d;
    background-color: #81b137;
    color: #fff;
    text-decoration: none
    }
.button-navsou {
    width: auto;
    overflow: visible;
    color: #fff;
    padding: 1px 10px;
    margin: 5px 0;
    border: 2px solid #95c04d;
    background-color: #81b137;
    color: #fff;
    text-decoration: underline
    }
.content a {
    font-weight: bold
    }
.content h2, .content h3 {
    font-size: 1.2em;
    color: #922224;
    font-family: Arial, serif
    }
/* Erreurs */
#obs-errors {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #922224;
    color: #944c12;
    font-weight: bold;
    background-color: #ffe0a2
    }
/* Infos (actions) */
#obs-infos {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 2px solid #82b12f;
    font-weight: bold;
    background-color: #d7e6ab;
    color: #222
    }
/* Info (login) */
#obs-info {
    margin: auto;
    padding: 5px;
    background-color: #d8e459;
    text-align: center
    }
#obs-info a {
    text-align: right;
    color: #853328;
    font-weight: bold
    }
#obs-producteur #obs-info {
    margin-bottom: 20px
    }
/* Login */
#formLogin {
    width: 500px;
    margin: auto
    }
#formLogin fieldset, #obs-admin-form fieldset {
    padding: 5px 20px;
    border: 1px solid #ccc
    }
#formLogin legend, #obs-admin-form legend {
    padding: 0 5px;
    color: #853328;
    font-weight: bold
    }
#formLogin label {
    margin-top: 9px
    }
#formLogin {
    margin-top: 0
    }
#formLogin table input, #obs-admin-form input[type="text"], #obs-admin-form input[type="password"], #obs-admin-form select {
    margin-top: 5px;
    padding: 2px;
    border: 2px solid #ccc;
    width: 100%
    }
#obs-admin-periodes tr td.periode {
    text-align: left;
    padding-left: 20px;
    /*font-weight: bold;*/
    }
#obs-admin-periodes tr td.type {
    font-weight: normal;
    padding-left: 40px
    }
#obs-admin-form select {
    margin: 4px 0
    }
#obs-admin-form .buttons {
    margin: 5px 0
    }
#obs-admin-form.obs-period-add a.button-nav {
    position: relative;
    top: 3px
    }
#obs-admin-form.obs-period-add input.button-nav {
    position: relative;
    top: 2px;
    padding-bottom: 1px
    }
#obs-admin-form tr {
    margin-top: -2px
    }
#obs-admin-form td {
    margin-left: 0
    }
#formLogin {
    width: 100%
    }
#formLogin table {
    width: 400px
    }
#formLogin table td {
    text-align: right;
    line-height: 10px;
    vertical-align: middle;
    padding: 3px
    }
#formLogin input[type="text"], #formLogin input[type="password"] {
    width: 100%;
    position: relative;
    bottom: 2px;
    border: 1px solid #ccc
    }
#formLogin input[type="submit"] {
    margin-top: 7px;
    margin-left: 302px;
    margin-bottom: 10px;
    background-color: #81b137;
    border: 1px solid #95c04d;
    font-weight: bold;
    color: #fff;
    width: 100px
    }
#obs-admin-form td input {
    padding: 5px
    }
/* Producteur */
#obs-producteur {
    width: 625px;
    margin: auto;
    /*border: 2px solid red;*/
    }
#obs-producteur a, #obs-admin a, #content a {
    font-weight: bold
    }
#obs-producteur table {
    width: 100%
    }
#obs-producteur h2, #obs-admin h2 {
    margin-bottom: 10px
    }
/* Disclaimer */
#obs-producteur-remarques {
    margin-top: 10px;
    margin: auto
    }
#obs-producteur-remarques ul {
    border: 1px solid #ccc;
    padding: 5px;
    padding-right: 20px;
    line-height: 20px;
    margin-left: 0
    }
#obs-producteur-remarques h3 {
    /*margin-left: 10px;*/
    margin-top: 48px;
    margin-bottom: 0;
    font-size: 12px;
    color: black;
    text-decoration: underline
    }
#obs-producteur-remarques table {
    margin-top: 5px
    }
#obs-producteur-remarques li {
    margin-bottom: 5px;
    font-size: Tahoma, Sans
    }
/* Liste des questionnaires */
#obs-producteur-questionnaires, #obs-admin table {
    border-collapse: collapse;
    color: #4d7600
    }
#obs-producteur-remarques table th, #obs-producteur-remarques table td {
    border: 1px solid #777;
    padding: 5px;
    color: #555;
    text-align: center
    }
#obs-producteur-remarques table th {
    padding: 3px 5px;
    font-size: 11px;
    font-weight: bold;
    color: black;
    background-color: #ddd
    }
#obs-producteur-questionnaires td a, #obs-admin table td a {
    color: #4d7600
    }
#obs-producteur-questionnaires th, #obs-producteur-questionnaires td, #obs-admin table th, #obs-admin table td {
    padding: 5px 5px;
    border: 2px solid #92bc50;
    color: #4c7904;
    text-align: center
    }
#obs-producteur-questionnaires th, #obs-admin table th {
    padding: 3px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #81b338
    }
/* Questionnaires */
#obs-form table {
    border-collapse: collapse;
    color: #4d7600
    }
#obs-form table caption {
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.2em;
    color: #922224;
    font-family: Arial, serif;
    line-height: 1.3em
    }
#obs-form table th, #obs-form table td {
    padding: 3px 5px;
    border: 2px solid #92bc50;
    color: #4c7904
    }
#obs-form table input {
    border: 2px solid #ccc;
    width: 50px;
    padding: 2px 5px
    }
#obs-form table .no-border {
    border: none
    }
#obs-form table .bg {
    background-color: #81b137;
    color: #fff
    }
#obs-form table .empty {
    background-color: #d7e6ab
    }
#obs_prix div {
    margin: 10px 0
    }
/* Taille des input en fonction des tableaux */
#obs-form.obs-form-vp td.size1 input {
    width: 50px
    }
#obs-form.obs-form-pboi th input {
    width: 50px
    }
#obs-form.obs-form-pboi th.size2 input {
    width: 130px
    }
#obs-form.obs-form-pboi th.size5 input {
    width: 360px
    }
#obs-form.obs-form-pbe th input {
    width: 80px
    }
#obs-form.obs-form-vr th input {
    width: 50px
    }
#obs-form.obs-form-vr th.size2 input {
    width: 130px
    }
#obs-form.obs-form-vr th.size5 input {
    width: 360px
    }
/* Administration */
#obs-admin {
    width: 600px;
    margin: auto
    }
#obs-admin table {
    margin-top: 7px;
    width: 100%
    }
#obs-admin tr, #obs-admin th {
    padding: 2px 5px;
    border: 1px solid 94c04d;
    color: red
    }
#obs-admin h2 {
    margin-top: 30px;
    margin-bottom: 5px
    }
#obs-admin h2 > a {
    margin-bottom: 10px
    }
#obs-admin h2.h2-quest {
    margin-top: 40px;
    margin-bottom: 10px
    }
#obs-admin p a, #admin-links a {
    /*margin-left: 10px;*/
    color: #853328
    }
#obs-admin-form {
    width: 625px;
    margin: auto
    }
#obs-admin-form table {
    width: 90%;
    margin: auto
    }
#admin-links {
    margin-top: 20px
    }
#admin-links a {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 30px
    }
/* Graphique automatique */
#chart_pv {
    width: 600px
    }
/* Boutons */
.button-nav, input.button-nav, a.button-nav {
    padding: 1px 10px;
    margin: 5px 0;
    border: 2px solid #95c04d;
    background-color: #81b137;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    /*
    	line-height: 13px;
    	vertical-align: middle;
    	
    	margin-right: 6px;
    	height: 27px;
    	padding: 6px 6px;
    	*/
    }
a.button-nav {
    padding: 2px 10px;
    position: relative;
    top: 1px
    }
#obs-form .button-nav {
    top: 2px
    }
input.button-nav {
    width: 80px
    }
#boutonstyle {
    margin-bottom: -18px;
    margin-left: 2px
    }