body { background: #3b5998; color: white; text-align: center; font-family: helvetica, sans; } a { text-decoration: none; color: grey; } #body_bis { margin-left: auto; margin-right: auto; width: 90%; max-width: 1300px; min-width: 550px; } #banner { height: 301px; background: center center url('img/metzquetaires_or.png') no-repeat; padding: 10px 10px; } #content_container { margin-left: 200px; margin-right: 200px; position: relative; background: white; color: black; padding-left: 12px; padding-right: 12px; padding-top: 10px; padding-bottom: 10px; } #content_container div.corner { height: 70px; width: 70px; background-repeat: no-repeat; position: absolute; } #content_topleft { top: 0px; left: 0px; background-image: url('img/corner_topleft.png'); background-color: #3b5998; z-index: 1; } #content_topright { top: 0px; right: 0px; background-image: url('img/corner_topright.png'); background-color: #3b5998; z-index: 2; } #content_bottomleft { bottom: 0px; left: 0px; background-image: url('img/corner_bottomleft.png'); background-color: #3b5998; z-index: 3; } #content_bottomright { bottom: 0px; right: 0px; background-image: url('img/corner_bottomright.png'); background-color: #3b5998; z-index: 4; } #content { position: relative; z-index: 5; text-align: left; } /* Contenu */ #content h1 { margin-top: 5px; padding-left: 50px; font-size: 130%; } #content h2, #content p { margin-left: 20px; margin-right: 20px; } #content h2 { margin-top:0px; font-size: 100%; margin-bottom: 5px; padding-bottom: 0px; } #content p { text-indent: 2em; margin-top: 0px; font-size: 90%; } #content ul#history { padding-left: 60px; } #content li.events { font-size: 180%; } #content li .normal { color: black; font-size: 80%; } #content li.ban { color: red; } #content li.warn { color: orange; } #content li.ok { color: #1D1; } #content_container #footer { margin-top: 4em; font-size: 70%; } p#play { text-align: center; font-size: 1.5em; font-weight: bold; margin-top: 1.6em; margin-bottom: 2em; } p#play a { font-weight: bold; color: white; background: #2E2; padding: .5em 2em; border: 1px solid #191; border-radius: 10px; } p#play a:hover { background: #191; } form#select { width: 500px; margin: 1em auto; background: #FFCC00; border-radius: 1em; border: 1px solid #C70; padding: 1em 0em; text-align: center; } ul.flashes { font-size: 80%; font-weight: bold; color: #222; list-style-type: none; padding: 0; width: 90%; margin: .5em auto; } ul.flashes li { background: #2E2; border: 1px solid #191; border-radius: .6em; margin-bottom: 1em; padding: .4em .7em; }