/* positionnement de vinage*/
/* 3 colonnes : principale à gauche, 2 contextes à droite */

body   { background: url("images/fond-top.png") repeat-x left top; margin: 0; padding: 0 }
#general         { background-color: #fff; margin: 8px auto 0; padding: 0; width: 850px; border-top: none; border-right: 1px solid silver; border-bottom: none; border-left: 1px solid silver }
#bandeau          { background-repeat: no-repeat; background-attachment: scroll; background-position: center 32%; margin: 0 auto 8px; padding-top: 0; padding-bottom: 17px; height: 150px; border-bottom: 1px solid #ccc }
#contexte1             { margin: 0; padding: 0 4px 0 8px; width: 180px; min-height: 300px; float: left }
#corps               { margin: 0; padding: 0 8px; width: 420px; float: right; overflow: visible }
#contexte2                { margin: 0 1px 0 4px; padding: 0; width: 215px; min-height: 100px; float: right }
#fin-corps     { line-height: 0; height: 0 }
#footer                 { font-size: 11px; margin-top: 0; margin-bottom: 0; padding: 5px 0 0; height: 258px; border-color: transparent }
#infospied       { color: gray; background-color: #e5e5e5; margin: 0 auto; padding: 5px 0 2px; width: 850px; border-top: 1px solid silver; border-bottom: 1px solid silver }
#fond    { background: #336600 url("images/fond-footer.png") repeat-x left top; margin-top: 5px; padding: 10px 6px }
#footer p    { line-height: 15px; margin: 0 auto 6px; width: 850px }
#page-sommaire #general #contextes #contexte1       { margin: 0; padding: 390px 4px 0 8px; width: 180px; min-height: 400px; float: left; border-right: 1px dotted silver }
#fondpage  { background-image: url("images/bgstripe.gif"); background-repeat: repeat; width: 100%; height: 100% }