/* lisaraël09 */

* { margin: 0; padding: 0; }

:outline, :active, :focus { outline: 0; }

html { width: 100%; height: 100%; background: black url(bcg_low.jpg) center fixed; }

body { width: 100%; height: 100%; background: transparent url(bcg_high.jpg) center fixed; font: normal 62.5%/1.5 Verdana, Helvetica, Arial, sans-serif; text-align: center; color: #666; }

/* DESIGN */

div#container { width: 420px; margin: 50px auto 20px; text-align: left; }

/* HEADER */

div#header { width: 420px; height: 90px; margin: 0 auto; background: transparent url(header.png) top left no-repeat; position: relative; }

div#header h1 a { display: block; height: 80px; width: 288px; position: absolute; bottom: 0; left: 10px; text-indent: -9999px; }

ul#top_links { list-style: none; width: 90px; position: absolute; top: 23px; right: 20px; }

ul#top_links li { margin: 0 auto 5px; }

/* FOOTER */

div#footer { width: 420px; height: 40px; margin: 0 auto; background: transparent url(footer.png) top left no-repeat; position: relative; }

div#footer span { display: block; position: absolute; bottom: 18px; right: 20px; text-align: right; font-size: 0.9em; color: #bbb; }

div#footer a { display: block; position: absolute; bottom: 18px; left: 20px; text-align: left; font-size: 0.9em; color: #f88; }

/* SECTIONS */

div.section { width: 420px; margin: 0 auto; }

div.section h2 { width: 420px; height: 25px; margin: 0 auto; position: relative; }

div.section h2 a { display: block; width: 420px; height: 25px; text-indent: -9999px; }

div.section#identite h2 { background: transparent url(box_identite.png) top left no-repeat; }
div.section#competences h2 { background: transparent url(box_competences.png) top left no-repeat; }
div.section#experience h2 { background: transparent url(box_experience.png) top left no-repeat; }
div.section#divers h2 { background: transparent url(box_divers.png) top left no-repeat; }

div.section div.content div.top { width: 420px; height: 25px; margin: 0 auto; background: transparent url(content_box_top.png) top left no-repeat; }
div.section div.content div.bottom { width: 420px; height: 25px; margin: 0 auto; background: transparent url(content_box_bottom.png) bottom left no-repeat; }
div.section div.content div.body { width: 420px; margin: 0 auto; background: transparent url(content_box_body.png) bottom left repeat-y; }
div.section div.content div.inner { width: 360px; margin: 0 auto; padding: 1px 0; }

/* INNER */

p { margin: 0 auto 0.5em; }
em.explain { cursor: help; }

a:link, a:visited, a:active { outline: 0; color: #813913; text-decoration: none; }
a:hover { color: #ac3d22; }
.clear { clear: both; }

.left_column { width: 48%; float: left; padding: 0 1% 0 0; border-right: 1px solid silver; margin: 0 2% 0 0; }
.right_column { width: 48%; float: left; }

.inner ul { list-style: none; }

.inner ul li { position: relative; margin: 0 auto 5px; }

.inner ul li.separator { text-indent: -9999px; height: 2px; }

.inner ul li.section { font-weight: bold; text-align: right; font-style: italic; color: #999; padding: 0 5px 0 0; }

.inner ul li div.niveau { position: absolute; top: 2px; right: 3px; }

span.plain { display: block; float: left; width: 12px; height: 12px; text-indent: -9999px; background: url(etoile.png) bottom left no-repeat; }
span.empty { display: block; float: left; width: 12px; height: 12px; text-indent: -9999px; background: url(etoile.png) top left no-repeat; }

h3 { font-size: 1.1em; }

hr { margin: 10px auto; width: 80%; background: none; height: 2px; border: 0; border-top: 1px solid silver; border-bottom: 1px solid white; }