/*
Euroberg.ORG osCommerce Management
Euroberg Creation
*/

/* HTML General */
html { height: 100%; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; color: #555; font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif; letter-spacing: 0.2px; }
tr.odd td, tr.even td { padding: 0,5em; }

/* Titres */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0,4em; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 22px; line-height: 1,1em; color: #660000; }
h2 { font-size: 20px; color: #000033; }
h3 { font-size: 18px; color: #003300; margin-left: 10px; }
h4 { font-size: 16px; color: #330033; margin-left: 20px; }

p  { margin-left: 10px; margin-top: 0.5em; margin-bottom: 0.9em; }
td { vertical-align: top; }
label { font-weight: bold; }
fieldset { border: 1px solid #ccc; padding: 10px; margin: 0; background-color: #fff; }
pre { background-color: #eee; padding: 0.75em 1.5em; font-size: 12px; border: 1px solid #ddd; }
ul, ol { padding: 0 .8em 0 1.5em; margin-left: 30px; }
ul li { list-style-type: circle; }
dd { margin: .2em .8em; padding: 0; }
dt { font-weight: bold; padding-top: 1em; }

.alignmiddle { vertical-align: middle; }

/* Liens */
a { text-decoration: none; font-weight: bold; color: #0193b8; }
a:hover { color: #990000; text-decoration: underline; }

/* Images */
img { border: none; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; } 

/* Messages */
p.price   { color: #CC0000; margin-left: 20px; }
p.infos   { background: #ebe9ff url('/img/infos.png') no-repeat 5px center; color: #003399; border: 1px solid #15098e; padding: 10px 0 0 60px; min-height: 50px; }
p.success { background: #D6F6CC url('/img/success.png') no-repeat 5px center; color: #167e16; border: 1px solid #167e16; padding: 10px 0 0 60px; min-height: 50px }
p.failure { background: #FCDDDD url('/img/error.png') no-repeat 5px center; color: #CC3300; border: 1px solid #CC3300; padding: 10px 0 0 60px; min-height: 50px }
p.forbidden { background: #ffd3e8 url('/img/forbidden.png') no-repeat 5px center; color: #a3004d; border: 1px solid #a3004d; padding: 10px 0 0 60px; min-height: 50px }
p.warning { background: #fff1c8 url('/img/warning.png') no-repeat 5px center; color: #9a7400; border: 1px solid #9a7400; padding: 10px 0 0 60px; min-height: 50px }
p.help 	  { background: #d9f6ff url('/img/help.png') no-repeat 5px center; color: #00688a; border: 1px solid #00688a; padding: 10px 0 0 60px; min-height: 50px }

/* Formulaires */
input, select, textarea { color: #222; border: 1px solid #ccc; padding: 3px; }
input:hover, textarea:hover, select:hover { background: #FFFDEB; }
input:focus, textarea:focus, select:focus { background: #F3F8F8; }
.reqfield { font-style: italic; color: #CC3333; }
[disabled] { color: #dddddd; border-color: #dddddd !important; background: none !important; }
[readonly] { color: #CC0000; border-color: #CC0000 !important; background: none !important; cursor: not-allowed; }
input[type=submit] { padding: 3px; background: url('/img/button-bg.gif') repeat-x; border: 1px solid #adadad!important; border-left-color: #ececec!important; border-top-color:#ececec!important; }

/* Menu FrontOffice */
#menu { margin: 0; margin-left: 85%; }
#menu li { list-style-image: url('/img/subnav_arrow.png'); list-style-type: circle; }
#menu a, #menu a:link { text-decoration: none; color: #330000; }
#menu a:hover { border-bottom: 1px dotted #330000; }

/* Div */
div#header { background: #fff url('/img/bg_header.png') repeat-x top; min-height: 100px; }
div#logo   { background-image: url('/img/logo.png'); background-repeat: no-repeat; background-position: left; min-height: 100px; margin-bottom: -60px; }
div#footer { text-align: center; font-size: 9px; background: url('/img/bg_footer.png') repeat-x top; padding-top: 3px; height: 110px; margin: 0 auto; }
div#footer_content { font-size: 10px; width: 970px; margin: auto; color: #999; padding-top: 5px; padding-right: 5px; padding-left: 5px; text-decoration: none; }
div#footer_content a, #footer_content a:link { font-size: 10px; color: #999999; padding-right: 5px; padding-left: 5px; text-decoration: none; }
div#footer_content a:hover { font-size: 10px; color: #000000; padding-right: 5px; padding-left: 5px; text-decoration: none; }
div#footer_left { text-align:left; font-size: 10px; }
div#footer_left a:hover { font-size: 10px; color: #000000; text-decoration: none; }
div#footer a.top { width: 25px; height: 5px; background: url('/img/top.png') 0 0 no-repeat; display: block; text-decoration: none; }
div#footer_right { text-align: right; }
div#main { margin: 20px; }
div#lang { width: 115px; background-color: #FFFFCC; border: 1px solid #ddd; color: #2f5931; margin-left: 85%; padding: 3px; font-weight: bold; }
div#productImg { float: right; margin-right: 20px; margin-top: -70px; }
div.login { background: transparent url('/img/keys.png') no-repeat 5px center; padding-left: 150px; min-height: 130px; }
div.package { background: transparent url('/img/package.png') no-repeat 5px center; margin-left: 200px; margin-bottom: 15px; padding-left: 150px; min-width: 130px;}

/* Tableaux */
.index td   { vertical-align: center; text-align: center; }

#tab-gen    { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 790px; text-align: left; border-collapse: collapse; margin: 0px 5px 10px 15px; }
#tab-gen th { font-weight: normal; font-size: 14px; border-bottom: 2px solid #6678b1; border-right: 30px solid #fff; border-left: 30px solid #fff; color: #039; padding: 8px 2px;}
#tab-gen td { border-right:30px solid #fff; border-left:30px solid #fff; color:#669; padding:12px 2px 0;}
#tab-gen tbody tr:hover td { color: #009; }

#tab-invoices    { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; width: 790px; border-collapse: collapse; text-align: center; margin: 0px 5px 15px 15px; }
#tab-invoices th { font-size: 14px; font-weight: normal; color: #039; border-bottom: 2px solid #6678b1; padding: 10px 8px;}
#tab-invoices tr.needpay { background-color: MistyRose; }
#tab-invoices td { color: #669; padding: 9px 8px 0;}
#tab-invoices tbody tr:hover td { color: #009; }

/* Listes */
div.pricefull { margin-left: 25px; padding-top: 45px; background: url('/img/price.gif') no-repeat; text-align : center; width: 135px; color: #c60214; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; font-weight: bold; letter-spacing: -2px; min-height: 100px; }
div.pricefull p { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 10px; font-weight: normal; text-align: center; letter-spacing: 0;  margin: 0; }
ul.pricelist    { margin: 0; list-style-type: none; list-style-position: inside; }
li#bullet-red   { list-style-image: url('/img/bullet_red.png'); }
li#bullet-blue  { list-style-image: url('/img/bullet_blue.png'); }
li#bullet-green { list-style-image: url('/img/bullet_green.png'); }
li#bullet-black { list-style-image: url('/img/bullet_black.png'); }
dl.scalable { background: #eee url('/img/border.gif') repeat; margin-top: -140px; width: 40em; }
dl.scalable dt { background: transparent url('/img/border_top_left.gif') no-repeat top left; color: #000; margin: 0; padding: 0; }
dl.scalable dt p { background: transparent url('/img/border_top_right.gif') no-repeat top right;  margin: 0; padding: 1em 1.5em .2em 1.5em; }
dl.scalable dd { background: transparent url('/img/border_bottom_left.gif') no-repeat bottom left; margin: 0; padding: 0; }
dl.scalable ul { background: transparent url('/img/border_bottom_right.gif') no-repeat bottom right; margin: 0; padding: 1.33em 1.5em 1.33em 1.5em; }
dl.scalable li { margin-left: 20px; list-style-image: url('/img/bullet_star.png'); }

/* Clients */
#memb-content { clear: both; margin: 0; padding: 5px 5px 5px 5px; overflow: auto; text-align: left; line-height: 1.4em; }
#memb-main    { float: left; margin-left: 5px; padding: 0; width: 90%; border: 1px solid #036; }
#memb-main h2 { font: 1.9em Georgia, "Times New Roman", Times, serif; color: #006c96; letter-spacing: -1px; border-bottom: 5px solid #f7f7f7; padding-left: 10px; }
#memb-main h3 { font: 1.2em "Trebuchet MS", Tahoma, Arial Tahoma, sans-serif; font-weight: bold; font-style: italic; color: #2f5931; padding-left: 5px; }
#memb-main p.text { padding-left: 10px; }
#memb-menu    { float: left; width: 8%; margin: 0; padding: 0; display: inline; text-align: center; }
.elt_menu 	  { background-color: transparent; border: 1px solid transparent; color: black; cursor: pointer; margin-bottom: 20px; }
.elt_menu:hover { background-color: #dcedff; border: 1px solid #154a81; }
.elt_menuselected { background-color: #dcffdd; border: 1px solid #188115; color: black; cursor: pointer; margin-bottom: 20px; }

/* Loterie */
div#infodiv 				  { margin-left: 25px; margin-bottom: 10px; }
#phoneticlong 				  { margin-bottom: 1em; }
#phoneticlong li, #buttons li { list-style: none; margin-bottom: 0px; margin-top: 4px; }
ul.sortable li 				  { position: relative; }
ul.boxy 					  { list-style-type: none; padding: 0px; margin-left: 30px; width: 5em; font-size: 13px; font-family: Arial, sans-serif; }
ul.boxy li 					  { cursor: move; padding: 2px 2px; text-align: center; border: 1px solid #ccc; background-color: #eee; }