body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { line-height: 0; vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; padding: 0; margin: 0; }

html			{ height: 100%; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 100%; color: #333; }
strong			{ font-weight: bold; }
em				{ font-style: italic; }
.underline		{ text-decoration: underline; }
.fleft			{ float: left; }
.fright			{ float: right; }
.left			{ text-align: left; }
.right			{ text-align: right; }
.center			{ text-align: center; }
.inline			{ display: inline; }
hr.clear, div.clear { clear: both; border: 0; height: 0; visibility: hidden; font-size: 0; }
p.small			{ font-size: 0.7em; }

p.txt			{ margin-bottom: 15px; }

body			{ font-size: 1em; background-color: #f2eee2; }
div#logo		{ position: absolute; top: 0; margin-left: 31px; z-index: 5000; height: 180px; width: 165px; background: url('../images/logo_internal.png'); text-indent: -5000px; }
body.interne h1	{ position: absolute; top: 120px; margin-left: 220px; z-index: 5000; height: 43px; width: 157px; background: url('../images/sprites.png') left -87px; text-indent: -5000px; }
body.home h1	{ position: absolute; top: 0; margin-left: 41px; z-index: 5000; height: 327px; width: 259px; background: url('../images/logo_home.png'); text-indent: -5000px; }
h1 small		{ font-size: 0.3em; }

body.interne h2	{ font-size: 2em; font-weight: bold; color: #555; margin-bottom: 20px; }
body.interne h3	{ font-size: 1.2em; font-weight: bold; color: #333; margin-bottom: 10px; }
body.interne img.border { border: solid 2px #ccc; margin: 15px 0 15px 0; }

div#frame		{ width: 802px; margin: 0 auto 0 auto; }

ul#header							{ height: 51px; padding: 61px 0 0 220px; background: url('../images/background.png'); }
body.home ul#header					{ padding-left: 300px; }
ul#header li						{ float: left; position: relative; }
ul#header li.first					{ border-left: solid 1px #9c9c9c; }
ul#header li.last					{ border-right: solid 1px #5b5b5b; }
ul#header li.lang					{ float: right; }
ul#header li a						{ display: block; height: 20px; padding: 6px 10px 0 10px; border-left: solid 1px #5b5b5b; border-right: solid 1px #9c9c9c; text-decoration: none; color: white; font-size: 0.7em; }
ul#header li a:hover				{ background-color: #a0a0a0; color: black; }
ul#header li.lang					{ margin-right: 20px; border-left: solid 1px #9c9c9c; }
ul#header li.lang a					{ padding-left: 30px; border: none; }
ul#header ul.submenu				{ position: absolute; z-index: 50000; background-color: black; opacity: 0.85; padding-bottom: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top: solid 1px #f2eee2; }
ul#header ul.submenu li				{ height: auto; width: 180px; border-left: none; border-right: none; border-bottom: solid 1px #606060; }
ul#header ul.submenu li a			{ height: auto; width: 160px; padding: 5px 10px 5px 10px; border-left: none; border-right: none; }
ul#header ul.submenu li a:hover		{ font-weight: bold; }
ul#header ul.submenu li.last		{ border-bottom: none; }
ul#header li.lang ul.submenu		{ right: 0; }
ul#header li.lang ul.submenu li		{ width: 120px; }
ul#header li.lang ul.submenu li	a	{ padding-left: 30px; width: 79px; }
ul#header li ul.submenu				{ display: none; }
ul#header li:hover ul.submenu		{ display: block; }
ul#header li a.french				{ border-left: solid 1px #5b5b5b; background: url('../images/sprites.png') -378px -28px no-repeat; }
ul#header li a.english				{ border-left: solid 1px #5b5b5b; background: url('../images/sprites.png') -378px -4px no-repeat; }
ul#header li a.french:hover			{ border-left: solid 1px #5b5b5b; background: #a0a0a0 url('../images/sprites.png') -378px -28px no-repeat; }
ul#header li a.english:hover		{ border-left: solid 1px #5b5b5b; background: #a0a0a0 url('../images/sprites.png') -378px -4px no-repeat; }
ul#header ul.submenu li a.french		{ background: url('../images/sprites.png') -378px -29px no-repeat; }
ul#header ul.submenu li a.english		{ background: url('../images/sprites.png') -378px -6px no-repeat; }
ul#header li ul.submenu a.french:hover	{ background: #a0a0a0 url('../images/sprites.png') -378px -29px no-repeat; }
ul#header li ul.submenu a.english:hover	{ background: #a0a0a0 url('../images/sprites.png') -378px -6px no-repeat; }

div#container						{ position: relative; min-height: 400px; background: url('../images/background.png') left bottom; padding: 90px 22px 22px 22px; font-size: 0.8em; }
body.home div#container				{ padding-top: 0; }
body.interne div#container			{ padding: 90px 51px 30px 51px; }
div#container p,
div#container li					{ line-height: 1.3em; }
div#container a						{ color: black; }
div#container a:hover				{ color: black; }
div#container ul					{ margin: 10px 0 10px 0; }
div#container ul li					{ background: url('../images/sprites.png') -385px -51px no-repeat; padding: 3px 0 3px 25px; }
div#container ul ul li				{ background: none; list-style: inside square; }

div#container div.cLeft				{ float: left; width: 330px; }
body.home div#container div.cLeft	{ padding-top: 240px; margin-left: 20px; }
div#container div.cRight			{ float: right; width: 330px; }
div#container div.small				{ width: 260px; }
body.home div#container div.cRight	{ padding-top: 40px; margin-right: 20px; }

div#container div.focusTop			{ height: 12px; margin: 20px 0 0 20px; background: url('../images/sprites.png') left top no-repeat; }
div#container div.focusBottom		{ height: 12px; margin-left: 20px; background: url('../images/sprites.png') left -12px no-repeat; }
div#container dl.focus				{ background-color: #ffd9de; margin-left: 20px; padding: 2px 12px 0 12px; }
div#container dl.focus dt			{ float: left; }
div#container dl.focus dd			{ padding: 0 0 10px 90px; min-height: 75px; margin-bottom: 10px; border-bottom: solid 1px white; }
div#container dl.focus dd.last		{ padding: 0 0 0 90px; margin: 0; border: none; }
div#container dl.focus dd h2		{ font-weight: bold; font-size: 1.1em; margin-bottom: 3px; }
div#container dl.focus dd p			{ font-size: 0.9em; }

div#container div#downloadBox		{ float: right; width: 240px; margin: 60px 20px 0 0; }
div#container div#downloadBox a#download,
div#container div#downloadBox a#btdl	{ display: block; width: 240px; height: 36px; padding-top: 18px; margin-bottom: 10px; background: url('../images/sprites.png') left -29px; text-decoration: none; text-align: center; font-size: 1.3em; font-weight: bold; }
div#container div#downloadBox a#download.fr,
div#container div#downloadBox a#btdl.fr { height: 44px; padding-top: 10px; }
div#container div#downloadBox p.infos	{ font-size: 0.8em; background: url('../images/sprites.png') -342px -73px no-repeat; padding: 3px 0 10px 45px; }

div#container div#screenshots		{ float: left; width: 476px; height: 239px; background: url('../images/screenshot.png') left top no-repeat; }
div#container div#screenshots img	{ float: right; }

div#container ul.languages li img	{ vertical-align: -1px; margin-right: 10px; }

div#container form	{ margin: 20px 0 20px 0; }
div#container label { display: block; font-weight: bold; }
div#container input.input { margin: 3px 0 10px 0; padding: 2px 4px 2px 4px; width: 80%; border: inset 1px #ccc; }
div#container textarea.input { margin: 3px 0 10px 0; width: 80%; border: inset 1px #ccc; }
div#container select { margin: 3px 0 10px 0; }
div#container p.checkbox { margin: 3px 0 10px 0; }

div#container p.subnav { -moz-border-radius: 3px; background-color: #555555; color: white; margin-bottom: 30px; padding: 2px 10px 2px 10px; }
div#container p.subnav a { color: white; }

div#footer 			{ clear: both; float: left; padding: 0 20px 20px 20px; }
div#footer p		{ color: #a5a29a; font-size: 0.6em; width: 280px; line-height: 1.3em; padding-top: 20px; }
div#footer a		{ color: #a5a29a; text-decoration: none; }
div#footer a:hover	{ color: black; text-decoration: underline; }
div#footer img		{ float: right; }