html {height: 100%}
body {min-height: 101%; font-family: Verdana, Arial, Helvetica, sans-serif;}
dt {display: inline;line-height: 20px; width: 190px;}
dd {display: inline;}
#custom-doc { width:878px;min-width:878px; margin:auto; text-align:left;}
.logoright {width: 300px; height: 80px;position: absolute; top: 50px;z-index: 10000; margin-left: 600px;}
.print {display: none}
.main {width: 630px ! important; }
.content {margin: 0 0 0 10px! important; padding: 0 ! important}
.content form {width: 85%; }
.header {width: 100%;height: 335px;}
.topheader {height: 335px;}
.footer {height: 30px;margin: 0 auto 5px auto}
.topmenu {margin: 0 0 0 35px; height: 69px;width: 808px;}
.mainmenu {position: relative;padding: 40px 0 0 32px;}
.buttonhome {background: none; border: 0px ! important;font-weight: bold; color: #eb6909 ! important; margin: 0px 0 0 2px;font-size: 14px;padding: 1px;}
.error {width: 100%; text-align: center;color: red; padding: 5px 0 5px 0}
.msg {width: 100%; text-align: center;font-weight: bold; padding: 5px 0 5px 0}
.highlight, a.highlight {color: #eb6909 ! important}
.highlighted {color: #64C002; font-weight: bold;}
.actions {width: 100px;float: right; text-align: right;margin: 8px 0 0 0; }
.actions img {margin: 0 0 0 5px; }
.actions form {margin: 0 0 0 5px;display: inline; }
.htitle { clear: all;font-size: 12px; font-weight: bold; color: #000;margin: 10px 0; }
.price {font-size: 14px; color: #999; }
body {background: #fff url(/jdd/public/images/bg.gif) top left repeat-x; font-size: 12px;}
a {color: #a19c9c;}
a.button{ cursor: pointer; text-decoration: none; color: #eb6909 ! important;}
.main .content a.button, button {clear: all;cursor: pointer; border: 0px;font-size: 14px; font-weight: bold;
color: #eb6909;text-transform: uppercase; padding: 0 8px 0 0;
behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/chevron-orange.gif) center right no-repeat;}
label {line-height: 14px; vertical-align: bottom;padding: 0 0 5px;}
input {vertical-align: baseline; }
b, strong {font-weight: bold; color: #424242;}
textarea.textarea {width: 90%; height: 80px; border: 1px solid #999; background: #fefefe; padding: 10px; }
.required {background: url(/jdd/public/images/star.gif) center right no-repeat;}
.largetbl {overflow:auto; width:90%;margin: 0 auto 10px auto; height:150px;border: 2px solid #E7E7E8; background: #fcfcfc;}
input.readonly {background: #CFCFCF; border: 0px}
.header {background: url(/jdd/public/images/header.gif) top left no-repeat}
.topleft {font-size: 11px; behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/extranet.png) top left no-repeat;
padding: 15px 0 0 0px;margin: 0 0 0 10px;float: left;}
.topmargin {display: none;padding: 20px 0 0 0px;}
.topmenu {text-align: right; behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/top.png) top left no-repeat;
padding: 20px 0 0 10px; height: 70px; }
.topmenu ul {display: inline;margin: 0 22px 0 0;}
.topmenu ul li {padding: 2px 10px 5px;list-style: none;display: inline;behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/chevron-gris.png) 0 6px no-repeat;}
.topmenu ul li a{
color: #a19c9c; font-weight: bold;text-decoration: none}
.topmenu ul li a:hover, .topmenu ul li a.hover, .topmenu ul li a:active,.topmenu ul li a:focus
{color: #000;}
.mainmenuitems {width: 845px;height: 94px;
}
.mainmenu ul {display: block;margin-left: 3px ! important}
.mainmenu ul li {padding: 0px;margin: 0 0px 0 0px;text-align: center;
height: 94px; list-style: none;display: block;float: left;}
.mainmenu ul li a{behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/menu.png) -4px 0 no-repeat;font-family: arial; font-size: 11px;text-transform: uppercase; line-height: 94px;color: #000; font-weight: bold;text-decoration: none;height: 94px;display: block;width: 101px;}
.mainmenu ul li a:hover
{color: #eb6909;behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/menu.png) -4px -100px no-repeat;}
.doubleline {line-height: 23px ! important; }
.tripleline {line-height: 20px ! important;}
.breadcrumbs {margin: 4px 0 0 70px; font-size: 11px;color: #a19c9c; }
.breadcrumbs .title{color: #000;}
.banner {width: 100%; height: 55px;behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/banner/banner.png) top left no-repeat;
margin: 36px 0 0 95px;}
.search {margin: 0 0 0 472px;padding: 2px 0 0 0}
.search input {margin: 0 5px 0 0; padding: 2px;width: 150px; }
.search a {color: #646266; font-weight: bold; }
.col1 {margin: 0 0 0 55px;}
.col1 .title {padding: 0 0 0 8px;width: 227px;background: url(/jdd/public/images/left-b-border.gif) top left no-repeat;color: #fff;text-align: center;height: 24px;}
.col1 .title h1 {width: 100%; display: block;background: url(/jdd/public/images/b-border.gif) top left repeat-x;height: 24px; }
.connection {width: 183px; height: 423px; background: #f2f3f3 url(/jdd/public/images/connbg.jpg) top left no-repeat;}
.connectiontop {color: #eb6909;}
.connectiontop ul{margin: 0px 20px 20px 15px;padding: 15px 0 0 0;}
.connectiontop li{line-height: 22px;background: #f2f3f3 url(/jdd/public/images/chevron-black.gif) 0 7px no-repeat;padding: 0 0 0 15px;}
.connectiontop li a {font-weight: bold; text-decoration: none; font-size: 13px;color: #000;}
.connectiontop li a:hover, .connectiontop li a.hover{color: #eb6909; }
.connectionform {color: #a19c9c;margin: 30px 20px 0 20px;padding: 30px 0 0 0;font-size: 11px;}
.connectionform input{margin: 0 2px 5px 0;text-align: left;border: 1px solid #a19c9c; padding: 2px;}
.connectionform .input{width: 110px ! important;}
.connectionform label{margin: 0;padding: 0;text-align: left;}
.connectionform ul{margin: 10px 0;}
.connectionform li {line-height: 18px; }
.connectionform li a{font-size: 11px;}
.connectionbottom {padding-top: 1px; behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/espace-perso.png) top left no-repeat;}
.home-connection{font-family: arial;margin-top: 5px; width: 185px; background: url(/jdd/public/images/espace-perso.gif) top left no-repeat;}
.home-connection .connectionform{background: none;color: #5d5c5c;margin-top: 0px;padding-top: 10pxpx; margin-bottom: 12px;height: 100px; }
.home-connection .connectionform li {line-height: 14px; }
.home-connection .connectionform ul {margin: 0 }
.home-connection .connectionform input {PADDING: 0}
.home-connection .connectionform input{margin: 0 2px 2px 0;}
.home-connection .connectionform .input{width: 120px;}
.home-left {font-family: arial;background: url(/jdd/public/images/analyse-marche.jpg) top left no-repeat; width: 220px; height: 280px;float: left; display: inline; margin: 0 5px 0 0px}
.home-left form {margin: 238px 0 0 12px;}
.home-right { width: 360px; height: 280px;float: left;}
.home-right .nav {margin: 5px 0 0 0;}
.home-right ul {display: inline;margin: 0px 22px 0 5px;color: #eb6909; font-weight: bold;}
.home-right ul li {padding: 2px 0px 5px;list-style: none; display: block; float: left;}
.home-right ul li a{font-family: arial;color: #a19c9c;text-decoration: none; }
.home-right ul li a:hover, .topmenu ul li a.hover
{color: #000;}
.home-right ul li.baro{width: 97px;margin-left: 12px; }
.home-right ul li.actu{width: 85px}
.home-right ul li.meteo {width: 69px}
.home-right ul li.bourse {}
.home-right table {margin: 28px 0 0 50px; }
.home-right table tr td {padding: 0 0 45px 0; color: #504e53; font-weight: bold;font-family: arial;}
.home-right h1 {font-weight: bold; color: #eb6909;}
.home-right table tr td p{padding: 0 ! important; margin: 0 ! important}
.home-right table tr th{}
.connectionform li a{font-size: 11px;color: #5d5c5c}
.col2 {border-bottom: 2px solid #c4c4c4; background: #f9f8f9 url(/jdd/public/images/mainbg.gif) top left repeat-x;
width: 530px; margin: 9px 0 0 64px; }
.headtitle {text-align: right; margin: 14px 90px 8px 0;}
.content {margin: 0 22px 0 32px;padding: 0;color: #8F8F8F; font-size: 12px; line-height: 18px;
width: 560px;}
.col2 .content {width: 485px; margin: 0 22px 0 22px;padding: 22px 0 22px 0;color: #8F8F8F; font-size: 12px; line-height: 18px; }
.col2 .content strong, .content bold
{color: #7F7F7F}
.col2 .content .title {margin: 0 0 20px 0;color: #eb6909; padding: 0 0 0 10px;
background: url(/jdd/public/images/chevron-orange.gif) 0 6px no-repeat;}
.content p {margin: 10px 0 10px 0}
.main .content {background: #fafafa;padding-bottom: 30px;}
.main .content .title {behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/right-b-border.gif) top right;
margin: 0; padding: 0;height: 28px}
.main .content .title h1{behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/left-b-border-l.gif) 0 -1px no-repeat;
font-weight: bold; font-size: 13px;margin: 0; padding: 3px 0 0 15px; color: #fff; height: 28px; display: block;}
.main .content h2 {line-height: 16px; margin: 10px 0 0px 6px;color: #eb6909; padding: 0 0 0 10px;
background: url(/jdd/public/images/chevron-orange.gif) 0 6px no-repeat;font-size: 14px; font-weight: bold;}
.main .content h3 {color: #000; padding: 0 0 0 10px;}
.main .content p
{margin: 15px 20px 5px 18px; text-align: justify; }
.main .content ul{margin: 0 20px 0 18px;padding: 0;}
.main .content li {list-style: inside square}
.main .content .rounded {background: #edeeef;}
.main .content .rounded form
{margin: 20px; line-height: 30px; font-size: 13px;background: #edeeef }
.main .content .rounded form label
{width: 175px;display: block; float: left; clear: all;margin: 8px 0 0 0}
.main .content .rounded form input,.main .content .rounded form select{
margin: 4px 0 0 0;padding: 2px; width: 250px;
}
.main .date {font-size: 11px; font-style: italic; color: #333;margin: 0 0 0 15px;}
.main .content a{color: #eb6909; text-decoration: none; font-weight: bold; }
.main .content a:hover{text-decoration: underline }
.bottom {margin: 10px 0 0 0; padding: 35px 0 0 0; border-top: 2px solid #fff; }
.bottom .title {line-height: 16px; font-size: 20px; background: none; padding: 0px; }
.bottom img {float: right;}
.bottom .subtitle{color: #000; font-size: 10px; }
.footer {text-align: center; padding: 40px 0 0 0; background: url(/jdd/public/images/footer.gif) top left no-repeat;
width:878px;min-width:878px; }
.footer a {margin: 0 10px 0 10px; text-decoration: none; }
#bd {padding-top: 10px; background: #fff;border-left: 1px solid #C4C6C8;border-right: 1px solid #C4C6C8;}
#midnav {text-align: right;}
#midnav img {margin: 3px 80px 3px 0}
.mypanel {width: 98%; margin: 5px 0 15px 0}
.mypanel a {color: #444}
.mypanel a:hover{color: #EF6500 ! important; text-decoration: none;}
.mypanel th {font-weight: bold;color: #FFA35F; }
.mypanel td,.mypanel th {padding: 5px 8px 5px 8px;color: #111;border-bottom: 2px solid #fff; font-size: 12px;line-height: 14px;vertical-align: bottom;font-family: arial;}
.mypanel .odd {background: #e7e8ea;}
.mypanel .even_over, .odd_over {background: #eee;}
.mypanel .even_over a, .odd_over a {color: #EF6500;}
.mypanel .even {background: #d6dd51;color: #EF6500 ! important; font-weight: bold; }
#adminmenu {display: none;}
.subsubmenu {height: 30px;margin: 10px auto 10px auto; width: 352px;behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/inactive-inscription.png) top left no-repeat; }
.subsubmenu .steps {height: 30px; behavior: url(/jdd/public/documents/js/iepngfix.htc);background: url(/jdd/public/images/active-inscription.png) top left no-repeat;}
.subsubmenu .step1 {width: 100px;}
.subsubmenu .step2 {margin-left: 100px; width: 102px;background-position: -100px 0;}
.subsubmenu .step3 {margin-left: 202px; width: 150px;background-position: -202px 0;}
.subform {border-bottom: 2px dotted #fefefe}
.subformtitle {width: 100%; font-weight: bold; color: #333; background:#dedede;padding: 2px 0 2px 10px; margin: 15px 0 15px 0}
.checkbox {}
.checkbox input {padding: 0; margin: 0;width: 14px ! important;}
ul.errors {width: 100%;margin: 0 ! important; padding: 0 ! important;}
ul.errors li {line-height: 14px; list-style: none ! important; color: red;margin: 0 ! important; padding: 0 0 0 15px ! important;
behavior: url(/jdd/public/documents/js/iepngfix.htc);
font-style: italic; background: url(/jdd/public/images/fleche-haut.png) 0 0px no-repeat;}
.searchBox2, .searchBox1{margin: 5px 20px 5px 20px;}
.searchBox1 input {border: 1px solid #666;padding: 2px; font-size: 11px; margin-right: 3px;}
.searchResult {margin: 5px 20px 5px 20px;}
.searchResultTitle {color: #000;}
.searchResultUrl a{font-size: 10px; color: #eb6909;}
.basketlink {width: 100%; text-align: right;background: #fff;}
.basketlink img {margin: 0 60px 5px 0;}
.navnews h2 {font-size: 13px ! important; background: url() ! important;width: 90%;}
table.summary {width: 100%;}
table.summary td, table.summary th {font-size: 13px; color: #333;padding: 2px 8px 2px 8px;
border-bottom: 1px dotted #333;}
table.summary th {font-weight: bold;font-size: 11px}
.sortableheader {}
/* define table skin */
table.grid * {
font-size: 11px;
vertical-align: top;
text-align: left;
}
table.grid th {
padding: 4px 16px 4px 0;
cursor: pointer;
}
table.grid td {
color: #565770;
padding: 4px 6px;
}
table.grid th.headerSortUp {
behavior: url(/jdd/public/documents/js/iepngfix.htc);background: #E7E7E8 url(/jdd/public/images/tablesorter_bkgrd.png) no-repeat 100% -80px;
}
table.grid th.headerSortUp span {
behavior: url(/jdd/public/documents/js/iepngfix.htc);background: #E7E7E8 url(/jdd/public/images/tablesorter_bkgrd.png) no-repeat 0 -80px;
}
table.grid th.headerSortDown {
behavior: url(/jdd/public/documents/js/iepngfix.htc);background: #E7E7E8 url(/jdd/public/images/tablesorter_bkgrd.png) no-repeat 100% 2px;
}
table.grid th.headerSortDown span {
behavior: url(/jdd/public/documents/js/iepngfix.htc);background: #E7E7E8 url(/jdd/public/images/tablesorter_bkgrd.png) no-repeat 0 2px;
}
table.grid th span {
padding: 4px 0 4px 6px;
font-weight: bold;
}
table.grid a:link,
table.grid a:visited,
table.grid a:focus,
table.grid a:hover {
color: #000;
font-weight: normal;
text-decoration: underline;
}
table.grid a:hover {
color: #000;
}
table.report {margin: 0 0 0 10px; padding: 5px 5px 5pxc 20px; ; width: 90%;border-collapse: collapse}
table.report tr {}
table.report th {width: 300px;font-size: 15px;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc; }
table.report td {border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;color: #64C002;font-size: 15px; font-weight: bold;padding: 5px 0 5px 10px; text-align: left; }
table.mypanel tr td,table.mypanel tr th {font-size: 9px ! important}
.highlight-green {color: #64c002;}
#forumPAGES {color: #000; margin: 10px 20px 10px 20px;padding: 0 0 10px 0; border-bottom: 1px dotted #000; }
.forumMESSAGE {margin: 0 20px 10px 20px; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; }
.forumMESSAGE h1 {margin: 0 0 0px 20px;font-size: 15px; font-weight: bold; color: #eb6909; padding: 0 0 0 10px;
background: url(/jdd/public/images/chevron-orange.gif) 0 6px no-repeat;}
.forumDate {margin: 0 0 0px 30px;font-size: 11px;font-style: italic;}
a.baro:hover {color: #000 ! important}