html {overflow-y:scroll}
body {margin:0; padding:0; background:url(../_img/bodybg.png) #F9FAFA repeat-x}
body, div, td {font:12px Verdana, Arial, Helvetica, sans-serif; color:#000; line-height:1.6}
img {border:0}
p {margin:1em 0; text-align:justify}
a {color:#087DB4; text-decoration:none}
a:hover, a:focus {color:#FDAE24}
td, th {padding:0; vertical-align:middle; font-size:92%}

hr {border:none; background:url(../_img/hr.jpg) no-repeat; width:600px; *width:0; height:1px; margin:0 0 5px; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_img/hr.jpg'); *color:#F9FAFA}
h1 {background:url(../_img/h1line.jpg) no-repeat 0 31px; margin:.7em 0; padding:0 0 14px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif; color:#000; font-size:16px}
h2 {font-family:Verdana, Arial, sans-serif; color:#000; font-size:13px; font-weight:bold; margin:1.5em 0 .75em}
h3 {color:#666; font-size:12px; font-weight:bold}
h4 {color:#000; font-size:12px}

ul,ol {padding:0 .5em .5em 3em; margin:0}
ul li {padding:0 0 10px; margin:0; list-style-image:url(../_img/arroworange.png)}
ul li ul.serre, ol li ul.serre {padding-bottom:0}
ul.serre, .serre ul {margin-top:1em}
ul.serre li, .serre ul li {line-height:1em; list-style-image:url(../_img/arrowblue.png)}
ul.serre li p {line-height:1.5em}
ul.index {font-size:92%; padding:0 0 2em 1em}
ul.index li {list-style-image:url(../_img/arroworange.png)}
ol li {padding:0 0 10px}
dl dt {padding:0; margin:0 0 0 3em; display:list-item; list-style-image:url(../_img/arroworange.png); font-style:italic}
dl dt a {font-weight:bold; font-style:normal}
dl dd {margin:0 0 1em 3em}

small {font-size:80%}
small input {font-size:100%}
select {padding:2px; border:1px solid #DFDFDF; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px}
acronym, abbr {cursor:help; border-bottom:3px double #082}

.light a:hover img, .light a:focus img {opacity:.8; *filter:alpha(opacity=80)}
.p_home {margin:0 0 1em 194px}
.important {color:#F00}
a:hover .important, a:focus .important {color:inherit; *color:#FDAE24}
.error {font-family:"Courier New", Courier, mono; color:#F00; font-size:12px; font-weight:bold}

/*container, menu */
#container {width:986px}

#container {margin:0 auto; padding:0}
#container #menu {margin:0 auto; padding:0}
#container #menu {margin-left:130px}
#container #header {margin-left:0}

#header {width:820px; height:120px; background:url(../_img/header.jpg) no-repeat}
#header a {display:block; height:88px}
#header object{margin: 17px 0 0 255px}


ul#menu {height:37px; white-space:nowrap}
ul#menu li {float:left; margin:0; padding:0; list-style:none; *list-style-image:none; background:url(../_img/menu_sep.png) no-repeat; height:37px}
ul#menu li a {display:block; width:103px; height:37px; content:""; color:transparent; font-size:0; _color:#FFF}

#menu_accueil {background:url(../_img/menu_accueil.png) no-repeat 4px 0}
#menu_trader {background:url(../_img/menu_saxotrader.png) no-repeat 4px 0}
#menu_forex {background:url(../_img/menu_forex.png) no-repeat 4px 0}
#menu_formation {background:url(../_img/menu_formation.png) no-repeat 4px 0}
#menu_outils {background:url(../_img/menu_outils.png) no-repeat 4px 0}
#menu_a-propos {background:url(../_img/menu_a-propos.png) no-repeat 4px 0}
#menu_cfds {background:url(../_img/menu_cfds.png) no-repeat 4px 0}
#menu a:hover, #menu a:focus {background-position:4px -37px}
#active_menu a, #active_menu a:hover, #active_menu a:focus {background-position:4px -74px}

/* main */
#main {margin-top:2.2em}
#main #content {float:left; padding:0 20px}
#content, .scroller {width:610px}
#content {margin-top:-5px}

.scroller {height:22px; visibility:hidden; position:absolute; left:50%; top:165px; margin-left:-305px; *text-indent:8em}
.scroller span {padding-left:17em}

#panel_left, #panel_right {float:left; width:168px}

/* panel left */
#sidemenu_top {background:url(../_img/sidemenu_top.png) no-repeat; height:14px; margin-top:28px}
#sidemenu {background:url(../_img/sidemenu.png) repeat-y}
#sidemenu a:hover, #sidemenu a:focus {color:#E69E2C}
#sidemenu_btm {background:url(../_img/sidemenu_btm.png) no-repeat; height:14px}

#panel_left ul {margin:0; padding:0 0 1.2em; font:13px Arial, sans-serif; font-weight:bold}
#panel_left li {list-style:none; *list-style-image:none; margin:0; padding:0; white-space:nowrap}
#panel_left li a, li a#active_section {display:block; padding:10px 0 10px 8px; height:16px}
a#active_section {background:url(../_img/sidemenu_active.png) no-repeat 3px 5px; color:#CE7206}

#panel_left ul ul {margin:0 0 0 2.5em; padding:0; font-weight:normal}
#panel_left ul ul a {padding:3px; font-size:85%}
li#active_subsection {list-style-image:url(../_img/arroworange.png)}
#active_subsection a {color:#CE7206}

div #quotes {padding:0 2px}
#fx_cotations {background:url(../_img/fx_cotations.png) no-repeat; width:139px; height:41px; padding:5px 0 15px; margin:auto}
/* */

.cadre{width:622px; height:354px; margin:20px 0 20px -5px}

/* panel right */
#panel_right {_position:absolute; _top:183px}
#download {display:block; background:url(../_img/download.png) no-repeat 0 0; width:168px; height:215px; margin-top:-15px; _margin:0; _position:relative; _top:-15px; _margin-bottom:-15px}
#download:hover, #download:focus {background:url(../_img/download.png) no-repeat 0 -215px}
#download_frame {background:url(../_img/loading_circle.gif) no-repeat center 100px; width:168px; height:450px; margin-top:20px; border:0}

#num_azur {margin:1em 0}
#menu_icons a {display:block; margin:0 0 .5em}
/* */

#quotes2, #charts {margin:20px 0 10px; padding:5px; border:1px solid #DFDFDF}

#footer {background:url(../_img/footer.jpg) no-repeat; margin:2em auto 0; padding:8px 0 0; width:900px; color:#000; text-align:center}
#footertext, #footertext a {text-align:center; margin:0; padding:0; font-size:9px; color:#C0C0C0}

#accounts div {float:left; width:203px}
#accounts ul {padding:0 1em; margin:1em 0 0; text-align:left}

.btn_left {float:left; margin:0px 50px 32px 0}
.btn_dlp, .btn_dlphome, .btn_dlf, .btn_dln, .btn_dls, #btn_mini, #btn_trader, #btn_premium, #btn_open, #btn_open_inline {display:block; width:170px; height:56px}
.btn_dlp:hover, .btn_dlphome:hover, .btn_dlf:hover, .btn_dln:hover, .btn_dls:hover, #btn_mini:hover, #btn_trader:hover, #btn_premium:hover, #btn_open:hover, #btn_open_inline:hover,
.btn_dlp:focus, .btn_dlphome:focus, .btn_dlf:focus, .btn_dln:focus, .btn_dls:focus, #btn_mini:focus, #btn_trader:focus, #btn_premium:focus, #btn_open:focus, #btn_open_inline:focus {background-position:0 -56px}
.btn_dlp {background:url(../_img/dlplatform.png) no-repeat 0 0; height:163px}
.btn_dlp:hover, .btn_dlp:focus {background-position:0 -163px}
.btn_dlphome {background:url(../_img/dlplatformhome.png) no-repeat 0 0}
.btn_dlf {background:url(../_img/dlformation.png) no-repeat 0 0}
.btn_dln {background:url(../_img/dlnewsletter.png) no-repeat 0 0}
.btn_dls {background:url(../_img/dlsaxowebtrader.png) no-repeat 0 0; height:156px}
.btn_dls:hover, .btn_dls:focus {background-position:0 -156px}
#btn_mini {background:url(../_img/c_mini.png) no-repeat 0 0}
#btn_trader {background:url(../_img/c_trader.png) no-repeat 0 0}
#btn_premium {background:url(../_img/c_premium.png) no-repeat 0 0}
#btn_open {background:url(../_img/openaccount.png) no-repeat 0 0}
#btn_open_inline {background:url(../_img/openaccount.png) no-repeat 0 0; height:36px; margin-left:2em; padding:20px 0 0 180px}


/* tables in general */
table {border-collapse:collapse}
table.style {border:1px solid #818192; padding:0}
.style th {background:url(../_img/table_header.png) #B9BCCC repeat-x; border:1px solid #818192; border-width:0 1px; height:38px; text-align:center; line-height:1.2em}
.style td.subth, .style tr.subth td, .style th.subth, .style tr.subth th {background:#DFDFDF; font-weight:bold}
.style td {background:#EFEFEF; border:1px solid #CCC; padding:.2em .4em}
table.style.center td {text-align:center}

/* tables nos avantages */
th.taborange {background:url(../_img/taborange_head.png) no-repeat; font-size:120%; padding:.5em; border-bottom:1px solid #644C12}
td.taborange, td.taborange2 {color:#086996; padding:1em 1em 1em 2em; text-indent:-1em}
td.taborange {background:url(../_img/taborange.png) repeat-y}
td.taborange2 {background:url(../_img/taborange2.png) repeat-y}

td.taborange:hover, td.taborange2:hover, td.taborange:focus, td.taborange2:focus {color:#0D96D5; background-position:-295px 0; cursor:help}
td.taborange div, td.taborange2 div {font-size:92%; background:#F9FAFA; padding:.3em .8em; margin:.5em; cursor:auto; text-indent:0}
td.taborange_foot {background:url(../_img/taborange_foot.png) no-repeat; height:20px}

th.tabblue {background:url(../_img/tabblue_head.png) no-repeat; font-size:120%; padding:.5em; border-bottom:1px solid #1A3F50}
td.tabblue, td.tabblue2 {padding:1em}
td.tabblue {background:url(../_img/tabblue.png) repeat-y}
td.tabblue2 {background:url(../_img/tabblue2.png) repeat-y}
td.tabblue_foot {background:url(../_img/tabblue_foot.png) no-repeat; height:20px}

.adv_title {display:block; padding:1em; cursor:help}
/**/

/* Glossaire */
#glossaire_alphabet {text-align:center; margin-top:10px; cursor:default}
#glossaire_alphabet a {font-weight:bold}
#glossaire_alphabet a:hover, #glossaire_alphabet a:focus {cursor:pointer}
#glossaire_alphabet ul {margin:0; list-style-type:none}
#glossaire_alphabet ul li {display:inline; padding:3px}

#glossaire {width:100%; padding-left:1em}
#glossaire dt, #glossaire dd {float:left; margin:0; padding:.5em; border-top:1px solid #CCC}
#glossaire dt{width:16em; font-weight:bold; clear:left}
#glossaire dd{width:32em}
/**/

/* Form */
.form {margin:.1em 0 0; padding:1em; width:28em; background:url(../_img/formfade.png) #F2F3F3 right repeat-y; border:1px solid #CCC}
.form p {margin:0; padding:0 0 .4em}
.form label {display:block; margin:0; padding:3px 0 0; width:20em; color:#000}
.form input, .form select, .form textarea {width:99%; margin:8px 0 0; background:#FFF; border:1px solid #CCC; font:12px Verdana, Arial, Helvetica, sans-serif}
.form input[type=radio] {background:none; border:none}
.form textarea {overflow:auto}
.form input[disabled], .form textarea[disabled] {background:#F4F4F4}
.form input {height:1.3em}
.form input.submit {margin:1em 0 0 1em; padding:0; border:0; width:10em; height:2em; background:url(../_img/bluefade.png) #50AAD8 repeat-x; color:#FFF; text-align:center; font-weight:bold}

.form #p_id {display:none; border:1px solid red; margin:0 -7px -5px; padding:0 7px 5px}

.form1 {float:left; width:400px; margin-right:15px;}
input.devise {border:none; background:none; width:2.2em}
small input.devise {width:2.6em}

input[readonly]{border:none; background:none; text-align:right}
/**/

/* RSS */
.rss table {width:550px; border:1px solid #DFDFDF; padding:2px; text-align:justify}
.rss th {background:url(../_img/bluefade.png) #50AAD8 repeat-x; color:#FFF; font-size:110%; padding:2px 4px;text-align:justify}
.rss th a {color:#FFF}
.rss td {padding:2px 10px; background:#EFEFEF; border:1px solid #CCC;text-align:justify}
.rss td.article {font-size:110%; padding:.8em}
.rss ul {margin-top:1em}
.rss ul li {list-style-image:url(../_img/arrowblue.png)}

#rss_links {text-align:center; margin:0 0 1em; font-weight:bold}

.archive th, .archive td {text-align:center}
.archive td a {font-size:140%}

#rss_index h2, #contactus h2 {height: 19px; margin:0; background:url(../_img/bluefade3.png) no-repeat top left; color:#FFF; padding-left: .5em; line-height:1.4em}
#contactus h2 {background-position: right}

#rss_index {width:610px; clear:both; float:left}
#rss_index ul {width:600px; height:6.6em; padding:0 0 0 10px; font-size:92%; white-space:nowrap; text-overflow:ellipsis; overflow:auto; overflow-x:hidden}
#rss_index ul li {padding:0}
#rss_index ul li i {padding-right:.8em}

#contactus {width:200px; float:right}
#contactus p {height:6em; font-size:80%; margin:.3em; text-align:center}
#contactus strong {font-size:12px}
/**/


#calendar {background:url(../_img/calendar.png) no-repeat center center; width:31px; height:26px; margin-left:5px; border:2px solid #DCDCDC; _border:none}
#calendar:hover, #calendar:focus {opacity:.8; *filter:alpha(opacity=80); border:2px solid orange}

#plan_site li {font-size:125%; font-weight:bold; background:url(../_img/hr.jpg) no-repeat center 0; padding-top:1em}
#plan_site li li {font-size:80%; background:none}
#plan_site li li li {font-weight:normal}

.backtop {margin-left:1.2em}

/* .guides_icons {float:left; width:80px}
.guides_icons a {margin-left:10px}   */
.guides_texts {float:right; width:530px}

.brochure li{float:left; width:30%; text-align:center; list-style-image:none; list-style-type: none}


form input.checkbox {float:left; width:15px}
.collapse {margin-top:1em; background:#FFF; border:1px solid #999}
.collapse ol {margin:1em 1em 0 0; padding:0 0 0 2.5em; text-align:justify; font-size:75%}

.dliste {padding:0 1em}
.dliste dt, .dliste dd {margin:0; padding:.5em; list-style:none; *list-style-image:none}
.dliste dt {font-weight:bold; padding-top:1em}
.dliste dt img {float:left; margin-right:1.5em}
.dliste dd {text-align:justify; padding:0 0 2em; background:url(../_img/hr.jpg) bottom no-repeat}


.revue dd {padding:0 0 10px 150px; min-height:160px; _height:160px; *padding-left:10px}
.revue .lien {text-align:right}
.lien2 {text-align:right}
/*.revue hr {clear:both; height: 25px; background-position: center; margin-left: -150px;}*/

.pagin {text-align:center}

.liste{padding:0 0 2em}
.annuaires{margin-top:20px; float:left}
.liens{margin-top:20px; float:right}

div.webinar{text-align:center; padding: 0 1.2em 1em; background: #F2F3F3; border:1px solid #CCC; height: 325px}
.para{clear:both; padding-top:1em}

.contacth{float:right;margin-top:-315px; *margin-top:-320px; width:300px;height:300px;padding:0 0.1em 0;text-align:left}

dl.contact2 {float:left; width:175px; height:130px; margin-left:13px; padding:0em 0.5em 1em; border-left: 1px solid #c4ced6}
.contact2 dt {padding:0; margin:0 0 1.2em; list-style:none; list-style-image:none; font-weight: bold; font-style: normal}
.contact2 dd {padding:0; margin:0 0 0.8em; font-size:11px}

#saxo{text-align:justify}
.saxo{margin-top:10px; float:left}
.saxo1{margin-top:10px; float:right}

.historik{float:center}

form.webinar{width: 48%; border:1px solid #cdcdcd; text-align: center; padding:10px 0; background:#F7F8F8; float:left}
form.webinar p {text-align:center}
form.webinar input{margin-bottom:10px; border: 1px  solid #e6e6e6; border-top:1px  solid #898989; border-left:1px  solid #898989}
form.webinar label{font-weight: bold}
form.webinar input.submit {margin:1em 0 0 1em; padding:0; border:0; width:10em; height:2em; background:url(../_img/bluefade.png) #50AAD8 repeat-x; color:#FFF; text-align:center; font-weight:bold}

.webinar-droite  {float:right; width:48%; border:1px solid #cdcdcd; text-align:center; padding:10px 1%; background:#F7F8F8; height:378px; _height:382px;}