/* firmalliance.css // 20090219 */

body, input, select, textarea { font: 11px Verdana, Helvetica, Arial, sans-serif; background: white; color: black; }
body { background: #a0c0d0; color: #061d37; }
a, a:visited, a:active { color: #a0c0d0; font-weight: bold; }
a:hover { color: black; }

/** Box **/
#box { width: 980px; margin: 0 auto; }

/** Access **/
#access { display: none; }

/** Header **/
#header { height: 109px; background: url(blue/layout/head.png); padding: 26px; padding-bottom: 0; }
#header div.inner { height: 108px; background: #70a0c0 url(blue/layout/banner.ok2.jpg) no-repeat top; border-bottom: 1px #cc3535 solid; }
#header h1 a { float: left; width: 220px; height: 80px; background: url(blue/layout/firmalliance.ok2.png); margin-left: 55px; margin-top: 5px; }
#header h1 * span { display: none; }
#header h2 { display: none; }

/** Short **/
#short { float: right; clear: right; height: 19px; margin-top: 65px; margin-right: 5px; }
#short * li { float: left; padding: 3px; }
#short * a { background: url(blue/layout/short.png) no-repeat bottom left; padding-left: 16px; margin-left: 10px; font-weight: normal; }
#short * a,
#short * a:visited,
#short * a:active { color: white; }
#short * a:hover { color: black; }

/** Langs **/
#langs { float: right; width: 70px; height: 14px; margin: 5px; overflow: hidden; }
#langs * li { display: inline; }
#langs * a { display: block; width: 24px; height: 14px; margin-left: 5px; background: transparent no-repeat top; }
#langs * a.en { background-image: url(blue/icons/english.png); }
#langs * a.fr { background-image: url(blue/icons/french.png); }
#langs * li.on a,
#langs * a:hover { background-position: bottom; }
#langs * span { display: none; }

/** Main **/
#main { padding: 0 26px; background: url(blue/layout/body.png) repeat-y; }
#main div.inner { background: white url(blue/layout/vmenu.jpg) no-repeat top left; }

/** Menu **/
#menu { float: left; width: 164px; text-align: right; padding-top: 10px; font-size: 1.1em; }
#menu li { padding: 4px 12px; border-bottom: 1px white solid; }
#menu li ul { display: none; }
#menu li a { color: #70a0c0; font-weight: normal; }
#menu li.active { background: url(blue/layout/coin.gif) no-repeat 156px 0.7em; }
#menu li.active a { font-weight: bold; color: #cc3535; }
#menu li.active ul li a { font-weight: normal; color: #70a0c0; }
#menu li a:hover { color: black; }
#menu li.active ul,
#menu li.over ul { display: block; padding: 5px 0; }
#menu li ul li { font-size: 0.9em; border-bottom: 0; padding: 3px 5px; text-align: left; }
#menu li.active ul li ul,
#menu li.over ul li ul { display: none; }
#menu li ul li.active a { font-weight: bold; }
#menu li ul li.active ul li a { font-weight: normal; }
#menu li ul li a:hover { color: black; }
#menu li ul li.active ul { display: block; margin: 3px 0; }
#menu li ul li.active ul li { padding-left: 16px; background: url(blue/layout/sub.gif) no-repeat left; }
#menu li ul li ul li { font-size: 0.9em; border-bottom: 0; padding: 2px 10px 2px 0; }
#menu li ul li ul li.active a { font-weight: bold; }
#menu li ul li ul li a:hover { color: black; }

/** Body **/
#body { background: white url(blue/layout/third.gif) repeat-y right; height: 425px; overflow: auto; padding: 20px; }
#body div.content { float: left; width: 504px; margin-right: 40px; }
#body div.panel { height: 425px; text-align: right; background: url(blue/layout/square2.jpg) no-repeat bottom right; }
body.observatoire #body,
body.admin #body { background: white; }
#body h1,
#body h2,
#body h3,
#body h4,
#body p,
#body ul,
#body ol,
#body dl { margin-bottom: 0.5em; }
#body h2,
#body h3,
#body h4 { margin-top: 1em; }
#body h1,
#body h2 { font-family: Georgia, Times, serif; }
#body h1 { font-size: 1.8em; }
#body h1,
#body h1 a { color: #cc3535; }
#body h2 { font-size: 1.5em; padding-left: 30px; background: url(blue/layout/arrow.png) no-repeat left; }
#body h2,
#body h2 a { color: #70a0c0; }
#body h3 { font-size: 1.3em; }
#body h4 { font-size: 1.2em; }
#body p { text-align: justify; }
#body ul { list-style: square outside; padding-left: 2em; }
#body ol { list-style: decimal outside; padding-left: 2em; }
#body dt { font-weight: bold; }
#body dd { display: block; margin-bottom: 0.5em; }
#body abbr { border-bottom: 1px dotted black; cursor: pointer; }

/** Elements **/
#body p.chapo,
#body p.info,
#body p.error { font: 1.15em Georgia, Times, serif; font-weight: bold; }
#body p.chapo b,
#body p.info b,
#body p.error b { color: #70a0c0; }
#body p.info { border: 1px #70a0c0 solid; background: #eee; padding: 5px 10px; }
#body p.error { border: 1px red solid; background: #eee; padding: 5px 10px; }
#body p.nota { padding-left: 5em; font-style: italic; margin-top: 1.5em; text-align: right; }
#body p.link { font-size: 0.9em; margin-top: -1em; margin-bottom: 1em; padding-left: 30px; }
#body p.more { padding-left: 16px; background: url(blue/layout/dot.png) no-repeat left; margin-top: 1em; }
#body h2.more { background: transparent; padding-left: 0; margin-top: -0.5em; }
#body h2.more input { font: 1.2em Georgia, Times, serif; color: #70a0c0; width: 80%; }
#body p.al { text-align: left; }
#body p.nav { text-align: right; margin: 0; height: 20px; }
#body div.panel h2 { background: transparent; padding: 0; margin-top: 0; color: #cc3535; font-size: 1.3em; }
#body div.panel dl { height: 180px; overflow: hidden; margin-bottom: 20px; }
#body div.panel * dt a { color: #70a0c0; }
#body div.panel * dd a { color: black; font-weight: normal; }
#body div.panel * a:hover { color: #70a0c0; }
#body div.docs { padding: 5px 0 5px 40px; background: url(blue/icons/docs.png) no-repeat top left; margin-top: 20px; }
#body div.docs ul { list-style: none; padding: 0; }
#body div.docs li { margin-bottom: 0.5em; }
#body div.docs * a { color: #cc3535; }
#body div.docs * a:hover { color: black; }
#body div.docs * span { display: block; color: #70a0c0; font-size: 0.9em; }
#body div.photo { float: right; margin: 0 0 10px 10px; }
#body div.graph { text-align: center; margin: 2em 0; border: 1px #cc3535 solid; padding: 5px; }
#body div.transac { margin: 0.5em 0; }
#body div.transac dl { padding: 0; padding-top: 0.2em; margin: 0 auto; height: 1.6em; background: #70a0c0; border: 1px #70a0c0 solid; border-width: 0 1px; width: 95%; }
#body div.transac dt,
#body div.transac dd { float: left; line-height: 1em; height: 1em; }
#body div.transac dt { font-weight: normal; font-size: 0.9em; text-align: right; width: 80px; margin-right: 10px; }
#body div.transac dd { font-weight: bold; color: white; }
#body div.transac dd.buyer { width: 150px; }
#body div.transac dd.seller { width: 330px; }
#body div.transac table { clear: left; width: 95%; margin: 0 auto; }
#body div.transac * th { width: 14%; font-size: 0.9em; }
#body div.transac * th.details { width: 35%; }
#body div.transac * th.vaca { width: 10%; }
#body div.transac * th.keuro { width: 12%; }
#body div.transac p.more { margin: 0; }
#body div.transac p.more a { font-weight: normal; }
#body h2.transac { margin-top: -.5em; margin-bottom: 1.5em; }
#body dl.transac dt { float: left; width: 180px; margin-right: 10px; text-align: right; height: 1.3em; font-weight: normal; }
#body dl.transac dd { font-weight: bold; }
#body select.archives { width: 250px; }
#body dl.download { width: 400px; margin: 2em auto; }
#body dl.download dt { float: left; width: 120px; text-align: right; padding: 0.1em 0; margin-right: 10px; }
#body dl.download * input { width: 240px; border: 1px #cc3535 solid; padding: 1px 2px; margin-bottom: .5em; }
#body dl.download dd.submit { text-align: right; }
#body form.search { padding: 5px 10px; margin-bottom: 2em; border: 1px #eee solid; }
#body form.search fieldset p { margin: 0; }
#body form.search * dl { padding: 0; margin: 0; }
#body form.search * dt { float: left; width: 70px; margin-right: 5px; text-align: right; padding: 0.1em 0; }
#body form.search * dd { float: left; width: 130px; margin-right: 10px; }
#body form.search * dd.date { width: 360px; }
#body form.search * dd.date select { margin-right: 5px; }
#body form.search * input,
#body form.search * select { width: 110px; padding: 1px 2px; border: 1px #70a0c0 solid; }
#body form.search * select { width: 116px; padding: 0 0 0 2px; }
#body form.search p.buttons { float: right; text-align: right; margin: 0; }
#body form.search p.buttons a { display: block; font-weight: normal; border: 1px #eee solid; padding: 2px 8px; background: white; float: left; margin-left: 5px; margin-right: 0; color: #70a0c0; }
#body form.search p.buttons a:hover { background: #eee; color: black; }
#body form.search a { color: black; margin-right: 10px; }
#body form.search * input.month { width: 25px; }
#body form.search * input.year { width: 40px; }
#body table { margin-top: 1em; }
#body td,
#body th { text-align: left; padding: 3px 8px; border: 1px #eee solid; }
#body td.th,
#body th { color: #cc3535; font-weight: bold; }
#body td.off,
#body th.hlg { background: #e0edef; }
#body tr.bold td { font-weight: bold; }
#body table.details { width: 700px; }
#body table.details th { background: #70a0c0; color: white; border-color: #70a0c0; }
#body div.partner { clear: right; }
#body div.news { clear: right; padding-top: 0.5em; }

/** Admin **/
#body dl.login { width: 300px; margin: 8em auto; }
#body dl.login dt { float: left; clear: left; width: 120px; text-align: right; margin-right: 10px; }
#body dl.login dd input { border: 1px #70a0c0 solid; padding: 1px 5px; width: 150px; }
#body dl.login dd input.submit { margin-left: 200px; width: 100px; border: 0; padding: 0; margin-top: 2em; font-weight: bold; }

/** Widget **/
#widgets { float: left; width: 160px; padding: 5px 10px; margin-top: -70px; height: 60px; overflow: hidden; }
#widgets input,
#widgets p,
#widgets label { font-size: 0.85em; }
#widgets h2 { display: none; }
#widgets p { margin-bottom: 0.5em; margin-top: 0; }
#widgets input { width: 100px; padding: 2px; border: 1px #70a0c0 solid; }
#widgets input.submit { width: 30px; padding: 1px 2px; }

/** Footer **/
#footer { height: 39px; background: url(blue/layout/foot.png); padding: 26px; padding-top: 0; }
#footer div.inner { height: 28px; padding: 5px 15px; background: #70a0c0; font-size: 0.95em; border-top: 1px #cc3535 solid; color: white; }
#footer * a,
#footer * a:active,
#footer * a:visited { color: white; font-weight: normal; }
#footer * a:hover { color: black; }
#agencies { float: right; text-align: right; font-style: normal; }

/** Launcher **/
.launcher a { color: #a0c0d0; }
.launcher a:hover { color: #eee; }