body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #555;
    text-align: center
    }
a:link, a:visited {
    text-decoration: none;
    color: #555
    }
a:hover, a:active {
    color: #960001
    }
strong a:link, strong a:visited {
    text-decoration: none;
    font-size: 1.2em;
    color: #960001
    }
strong a:hover, strong a:active {
    color: #555
    }
img {
    border: none
    }
#page {
    position: relative;
    margin: 0 auto;
    width: 925px;
    height: 109px;
    border-bottom: 1px solid #dedede;
    text-align: left
    }
#bar_menu {
    position: absolute;
    top: 20px;
    left: 210px;
    margin: 0;
    padding: 0;
    width: 600px;
    text-align: center
    }
#bar_menu p {
    margin: 2px 0;
    padding: 3px 0;
    text-align: center;
    vertical-align: middle
    }
#bar_menu a {
    margin: 0;
    padding: 0 10px;
    color: #000;
    font-size: 80%;
    letter-spacing: 0.06em;
    font-weight: bold
    }
#bar_menu a:hover, a:active {
    color: #960001
    }
.rech {
    margin: 42px 0 0 0;
    padding: 0;
    height: 21px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    border: none;
    color: #000
    }
#p, #f {
    margin: 0;
    padding: 0;
    width: 120px;
    height: 19px;
    font-size: 0.9em;
    border: 1px solid #cdcdcd;
    background-color: #efefef
    }
#s {
    margin: 0;
    padding: 0;
    width: 150px;
    height: 16px;
    border: 1px solid #cdcdcd;
    font-size: 0.9em;
    background-color: #efefef
    }
#rechercher {
    margin: 0;
    padding: 0;
    height: 18px;
    border-bottom: 1px solid #fff;
    vertical-align: bottom
    }
#reportages {
    position: absolute;
    top: 135px;
    left: 0;
    margin: 0;
    width: 205px;
    text-align: left
    }
ul {
    margin: 0 0 0 6px;
    padding: 0 0 0 6px;
    list-style-type: none;
    font-size: 1.2em
    }
ul ul {
    font-size: 0.85em
    }
ul ul ul {
    list-style: outside circle
    }
ul ul ul ul {
    list-style: outside disc
    }
ul ul ul ul, ul li ul li.ferme a:link, ul li ul li.ferme a:visited, ul li ul li ul li.ouvre ul li a:link, ul li ul li ul li.ouvre ul li a:visited {
    color: #555
    }
ul ul ul, ul li ul li.ouvre a, ul li ul li.ferme a:hover, ul li ul li.ferme a:active, ul li ul li ul li.ouvre ul li a:hover, ul li ul li ul li.ouvre ul li a:active {
    color: #960001
    }
.montre {
    display: block
    }
.masque {
    display: none
    }
#reportages span {
    font-family: Arial, sans-serif;
    letter-spacing: 0.15em
    }
#reportages strong {
    font-size: 1.4em
    }
#planche, #infos, #contact, #equipe, #membre {
    position: absolute;
    top: 135px;
    left: 210px;
    margin: 0
    }
#planche {
    width: 720px;
    padding: 0;
    text-align: center;
    background-color: #fff
    }
#infos, #contact, #equipe, #membre, #conditions, #commande {
    width: 697px;
    padding: 0 10px;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: justify;
    line-height: 1.7em;
    border: 2px inset #bcbcbc;
    background-color: #dedede;
    color: #000
    }
#conditions, #commande {
    position: relative;
    top: -40px;
    height: 350px;
    padding: 10px;
    overflow: auto
    }
.mi {
    background: url(../interface/_b/mail.png) no-repeat 0 5px;
    padding-left: 25px
    }
.wi {
    background: url(../interface/_b/web.png) no-repeat 0 5px;
    padding-left: 25px
    }
.ti {
    background: url(../interface/_b/tel.png) no-repeat 0 5px;
    padding-left: 25px
    }
.to {
    background: url(../interface/_b/mob.png) no-repeat 0 5px;
    padding-left: 25px
    }
.pi {
    background: url(../interface/_b/ptt.png) no-repeat 0 5px;
    padding-left: 25px;
    line-height: 1.2
    }
#prevue {
    margin: 20px;
    padding: 0
    }
.fermeture {
    margin: 0;
    line-height: 1.5em;
    text-align: right
    }
.fermeture a:link, .fermeture a:visited {
    text-decoration: none;
    color: #555
    }
.fermeture a:hover, .fermeture a:active {
    color: #960001
    }
#un_11, #un_21, #un_22, #un_23, #un_24, #un_25 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 600px;
    height: 800px;
    text-align: center;
    background-color: #fff
    }
#exergue {
    position: absolute;
    top: 0;
    left: 615px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    text-align: center
    }
#exergue p {
    margin: 0;
    padding: 0 0 15px 0;
    text-align: center
    }
.vign {
    margin: 0
    }
#exergue img {
    margin: 0;
    padding: 0 0 5px 0
    }
.sujet {
    margin: 0;
    padding: 0 0 12px 0;
    width: 620px;
    color: #555;
    font-weight: bold;
    text-align: center
    }
.freres {
    margin: 12px 0;
    padding: 12px 0;
    color: #555;
    font-weight: bold;
    text-align: left
    }
.freres ul {
    font-size: 0.9em
    }
.freres li {
    padding: 4px 0
    }
.spacer {
    clear: both
    }
.intro {
    margin: 0;
    padding: 6px 12px;
    width: 596px;
    height: 90px;
    font-weight: normal;
    text-align: justify;
    overflow: auto;
    background-color: #dedede;
    color: #000
    }
.vignette {
    float: left;
    width: 150px;
    padding: 2px;
    text-align: center;
    font-weight: normal;
    font-size: 0.8em;
    color: #888
    }
.folio {
    margin: 10px 0;
    padding-top: 4px;
    width: 620px;
    height: 20px;
    background-color: #dedede;
    color: #000
    }
.folio a:link, .folio a:visited {
    text-decoration: none
    }
.folio a:hover, .folio a:active {
    color: #960001
    }
.left {
    float: left;
    padding-left: 12px;
    text-align: left;
    font-weight: normal
    }
.right {
    float: right;
    padding-right: 12px;
    text-align: right;
    font-weight: normal
    }
.left img, .right img {
    vertical-align: middle
    }
.msg_n {
    margin: 0;
    padding: 0;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 0.85em;
    color: #960001
    }
p.msg_n {
    text-align: center
    }
.msg_o {
    margin: 0;
    padding: 0;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    font-size: 0.9em;
    color: #008000
    }
.bouton, a.bouton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    padding: 3px;
    margin: 0 3px;
    border: 1px outset #dedede;
    font-size: 0.85em;
    font-weight: normal;
    color: #000;
    background-color: #555
    }
.bouton:hover, a.bouton:hover {
    border: 1px inset #960001;
    color: #960001
    }
form {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #dedede;
    color: #000;
    font-size: 100%
    }
.titre {
    font: bold 1.2em Arial, sans-serif;
    text-align: center
    }
.choix {
    text-align: center
    }
.ligne {
    clear: left;
    margin: 0;
    width: 500px;
    padding: 0 0 0 145px
    }
.engil {
    display: none
    }
label {
    float: left;
    margin-left: -145px;
    /*  width:140px;*/
    width: 180px;
    text-align: right
    }
.txt, textarea {
    width: 80%;
    height: 1.5em;
    font-size: 0.9em;
    border: 1px solid #cdcdcd;
    background-color: #efefef
    }
textarea {
    height: 15em
    }
table.livre {
    background-color: #fff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #e1e1e1;
    border-collapse: collapse;
    border: 2px inset #555;
    empty-cells: show;
    margin: 20px auto
    }
table.livre th, table.livre td {
    border-collapse: collapse;
    padding: 15px
    }
table.livre th {
    border-bottom: 2px inset #555;
    text-align: center
    }
table.livre th span {
    font-style: italic
    }