body,
table {
    color: #000
}

body {
    background-color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 2px 0 0;
    overflow: hidden;
    padding: 0
}

a,
a:active,
a:hover,
a:link,
a:visited {
    background-color: #BBB;
    color: #000;
    text-decoration: none
}

a.fonce {
    background-color: #888
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w120 {
    width: 120px
}

.w140 {
    width: 140px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w180 {
    width: 180px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w280 {
    width: 280px
}

.w290 {
    width: 290px
}

.w300 {
    width: 300px
}

.w80p {
    width: 80%
}

.w90p {
    width: 90%
}

.button-wide,
.w100p {
    width: 100%
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.button-normal,
.button-td,
.button-wide {
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    border: 2px solid #EEE
}

.button-normal,
.button-wide {
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block
}

table {
    background-color: #CCC;
    text-align: center
}

td,
th {
    background-color: #999;
    text-align: center
}

.ligne-blanche,
.ligne-blanche td,
.ligne-blanche th {
    background-color: #CCC
}

#fake {
    background-color: transparent;
    border: 1px solid #999;
    color: #999;
    position: absolute;
    left: -10px;
    top: -20px;
    width: 0
}

#wrapper {
    margin: 0 auto;
    text-align: center;
    width: 320px
}

#wrapper #bandeau-vertical {
    background-color: #555;
    position: absolute;
    bottom: 0;
    top: 0;
    height: 350px;
    width: 300px;
    z-index: -1
}

#wrapper #contenu {
    width: 300px;
    padding: 10px;
    z-index: 10
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-no-bold {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.text-italic {
    font-style: italic
}

.margin-top-5 {
    margin-top: 5px
}

.input-erreur {
    background-color: #FF5050!important
}

.size-important {
    font-size: 14px
}

.no-display {
    display: none
}

.bg-vert {
    background-color: #9FFF40!important
}

.bg-rose {
    background-color: #FFBFBF!important
}

.bg-rouge {
    background-color: red!important
}

.bg-orange {
    background-color: #F90!important
}

.bg-jaune {
    background-color: #ffd700!important
}

.bg-bleu {
    background-color: #6495ed!important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clear {
    clear: both
}