/* CSS Document */
@import url(structure.css);
@import url(fonctions.css);
/*-----------  remise à zéro  -----------*/
html, body {
    border: 0;
    margin: 0;
    padding: 0
    }
html {
    height: 100%;
    margin-bottom: 1px
    }
/*-----------  formatage commun   -----------*/
body {
    font: 12px/18px arial, helvetica, sans-serif
    }
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal
    }
h1 {
    padding: 0 0 25px 0;
    letter-spacing: -0.06em;
    font: bold 2em arial, helvetica, sans-serif;
    text-transform: uppercase;
    color: #98c000
    }
h2 {
    padding: 0 0 14px 0;
    font: bold 1.5em arial, helvetica, sans-serif;
    color: #98c000;
    text-transform: uppercase
    }
h3 {
    padding: 0 0 10px 0;
    font: 1.3em arial, helvetica, sans-serif;
    color: #004c15;
    font-weight: bold
    }
p {
    margin: 0;
    padding-bottom: 18px
    }
p.sep_dotted {
    background: url(../medias/_commun/p_sep_fond.gif) repeat-x left bottom
    }
ul, ol {
    margin: 0;
    padding: 0 0 18px 14px
    }
blockquote {
    margin: 22px 40px
    }
small {
    font-size: 0.85em
    }
sup {
    position: relative;
    bottom: 0.3em
    }
sub {
    position: relative;
    bottom: -0.2em
    }
acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed
    }
/*-----------  liens   -----------*/
a, a:visited {
    text-decoration: none;
    color: #82a401;
    outline: none
    }
a.fleche_verte {
    padding-left: 15px;
    background: url(../medias/_commun/a_fleche_verte.gif) no-repeat left 3px
    }
a:hover {
    text-decoration: underline
    }
/*-----------  images   -----------*/
img.cadre_gris {
    padding: 2px;
    border: 1px solid #ccc
    }
a:hover img.cadre_gris {
    border: 1px solid #98c000
    }
.img-left {
    float: left;
    margin: 4px 10px 4px 0
    }
.img-right {
    float: right;
    margin: 4px 0 4px 10px
    }
/*-----------  formulaires   -----------*/
form {
    display: inline;
    font: 12px arial, helvetica, sans-serif
    }
textarea {
    padding: 2px;
    line-height: 1.25;
    color: #004c15;
    border: 1px solid #999;
    font: 12px arial, helvetica, sans-serif
    }
input, select {
    padding: 2px;
    color: #004c15;
    border: 1px solid #999;
    font: 12px arial, helvetica, sans-serif
    }
input.input_bouton {
    padding: 1px !important;
    text-align: center !important;
    background: url(../medias/_commun/login_ok.gif) repeat-x left top !important;
    cursor: pointer !important;
    margin: 0 1px !important
    }
input.input_bouton:hover {
    color: #fff !important
    }
label {
    float: left;
    display: block;
    padding: 2px;
    text-align: right;
    vertical-align: middle;
    cursor: text;
    color: #666
    }
/*-----------  tableaux   -----------*/
table {
    margin-bottom: 18px;
    border-collapse: collapse;
    border-spacing: 0
    }
table tr td {
    padding: 2px;
    vertical-align: top
    }
/*-----------  classes globales   -----------*/
.clear {
    clear: both
    }
.hide {
    display: none
    }
.float-left {
    float: left
    }
.float-right {
    float: right
    }
.text-left {
    text-align: left
    }
.text-right {
    text-align: right
    }
.text-center {
    text-align: center
    }
.text-justify {
    text-align: justify
    }
.text_legend {
    font-size: 11px;
    line-height: normal;
    color: #666
    }
.bold {
    font-weight: bold
    }
.italic {
    font-style: italic
    }
.underline {
    border-bottom: 1px solid
    }
.highlight {
    background: #ffc
    }
.nopadding {
    padding: 0
    }
.nomargin {
    margin: 0 !important
    }
.noindent {
    margin-left: 0;
    padding-left: 0
    }
.nobullet {
    list-style: none;
    list-style-image: none
    }
.vertclair {
    color: #98c000
    }
.vertfonce {
    color: #98c000
    }
.alerte {
    color: #004c15;
    font-weight: bold
    }
.trame_fond {
    background: url(../medias/_commun/trame_fond.gif) repeat-x left top
    }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clearfix {
    display: inline-block
    }
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* End hide from IE-mac */