/* GENERAL CSS */
*    { padding:0; margin:0; list-style-type:none; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; }
body { background:#f1f1f1; color:#363839; }
h1   { position:absolute; font-size:100%;}
h2   { font-size:100%; }
img  { border:none; }
p    { line-height:160%; padding-bottom:1em; }
a    { border-bottom:1px solid #65b7f2; background:transparent; color:#65b7f2; text-decoration:none; }
a:hover { border-color:#248fd7;}
h1 a    { border:none; }

/* GENERAL LAYOUT CSS */
#page           { width:960px; margin:30px auto 0 auto; background:transparent; color:#000; }
#content        { padding:50px; background:#fff url(images/top.gif) no-repeat center top; }
#content_bottom { padding:0; margin:0; min-height:53px; background:#fff url(images/bottom.gif) no-repeat center bottom; }
#content_bottom h2 { text-align:center; }
#content_bottom p  { width:95%; margin:0 auto; text-align:center; color:#999; }
#footer         { clear:both; overflow:hidden; width:930px; margin:0 auto; padding:.3em 1em; background:transparent; color:#000; }
#footer *            { background:transparent; color:#98a0a3; }
#footer a            { border-bottom:1px solid #dbdbdb; }
#footer a:hover      { border-color:#98a0a3;}
#footer p.copyrights { float:left; width:47%; padding:1% .5%; }
#footer p.credits    { float:right; width:50%; padding:1% .5%; text-align:right; }

#demo     { overflow:hidden; width:100%; margin:0 auto; background:#fff url(images/bottom.gif) no-repeat center bottom; }
#demo .flash    { float:right; width:425px; background:url(images/bg_player.gif) no-repeat right 155px;}
#demo .flash h2 { background:url(images/h1.gif) no-repeat left top; width:425px; height:67px; text-indent:-3000px; height:105px;}
#demo .whatizdiz         { float:left; padding-top:105px; background:url(images/dot_vert.gif) repeat-y right top; width:410px;}
#demo .whatizdiz h2      { background:url(images/t1.gif) no-repeat; line-height:28px; text-indent:-3000px;}
#demo .whatizdiz ul      { padding:30px 30px 0 0;}
#demo .whatizdiz li      { padding-left:55px; background:url(images/i1.gif) no-repeat left top; padding-bottom:34px;}
#demo .whatizdiz li.ico1 { background-image:url(images/i1.gif);}
#demo .whatizdiz li.ico2 { background-image:url(images/i2.gif);}
#demo .whatizdiz li.ico3 { background-image:url(images/i3.gif);}

#advantages         { clear:both; background:url(images/buzz.gif) no-repeat; padding-left:210px; margin-top:30px; height:300px; }
#advantages h2      { background:url(images/t2.gif) no-repeat; line-height:56px; text-indent:-3000px; margin-bottom:20px;}
#advantages li      { line-height:30px; background:url(images/dot.gif) repeat-x left bottom;}
#advantages li span { padding-left:15px; background:url(images/arr.gif) no-repeat left center;}

#charte h2      { margin:70px 0 20px 0; font-size:18px; font-weight:normal; line-height:56px; }
#charte h2 em   { background:transparent; color:#248fd7; font-style:normal; font-size:18px; }
#charte li      { background:url(images/dot.gif) repeat-x left bottom; line-height:30px; }
#charte li span { padding-left:15px; background:url(images/arr.gif) no-repeat left center; }