/* GLOBAL --------------------------------------------------------------------------------- */

html, body, table, tr, td, h1, h2, h3, h4, h5, h6, b, i, u, a, span, form, img {margin: 0; padding: 0; border: 0; font-size: 100.01%;}
html, body {
	position: absolute;
	width: 100%; 
	height: 100%;
	font-family: Tahoma; font-size: 12px; color: #3b3b3b;
	background: #fff;
}
table {border-collapse: collapse;}
table td {vertical-align: top;}

h1, h2, h3, h4 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-weight: normal;}
h1 {font-size: 24px; margin-bottom: 25px;}
h1.spaced {margin-bottom: 35px;}
h2 {font-size: 18px;}
h3 {font-size: 14px; font-weight: bold;}

html > body .widthwrap {max-width: 1280px;}
* html body .widthwrap {width: expression(document.body.clientWidth > 1280 ? '1280px' : '100%');}

/* DESIGN --------------------------------------------------------------------------------- */

#header {padding: 25px 20px 0 33px; background: #fff url(/images/header-bg.png) left 48px repeat-x;}
#header #mainmenu {margin: 70px 0 0 5px; padding-bottom: 34px;}
#header #mainmenu * {padding: 1px 0;}
#header #mainmenu span.divider {margin: 0 26px; width: 1px; background: url(/images/line-dotted-lightblue.gif) center top repeat-y;}
#header #mainmenu a {color: #fff; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px; text-decoration: none;}
#header #mainmenu a:hover, #header #mainmenu a.active {color: #eee;}

#loginBox {width: 142px; height: 134px; background: #fff url(/images/entrance-bg.jpg) left top no-repeat; padding: 12px 22px 0 27px; margin-bottom: 50px;}
#loginBox  * {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px;}
#loginBox div {padding-bottom: 11px;}
#loginBox label {position: absolute; color: #c6c6c6; margin-left: 5px;}
#loginBox input.text {border: 1px solid #a6a6a6; width: 140px; margin-bottom: 7px;}

#techInfo {margin-bottom: 40px;}
#techInfo .title {padding-left: 25px; height: 16px; background: transparent url(/images/icon-info-16.gif) 5px center no-repeat; vertical-align: middle; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 14px;}
#techInfo .content {padding: 20px 0 20px 35px; font-size: 11px; line-height: 16px; margin-bottom: 40px;}

#partnersBlock table {margin-left: 15px;}
#partnersBlock .item {width: 125px; height: 125px; vertical-align: middle; text-align: center; border-bottom: 1px dotted #cacaca;}
#partnersBlock .item-last {border-bottom: none;}

#footer {color: #6c6c6c;}
#footer a {color: #153c7d; text-decoration: none; border-bottom: 1px dotted #153c7d;}
#footer a:hover {border-bottom: none;}
#footer div {padding-left: 50px;}
#footer div.phone {padding-left: 36px; line-height: 30px; color: #153b7d; font-size: 30px; font-family: "Myriad Pro", "Trebuchet MS", sans-serif; padding-bottom: 20px; border-bottom: 1px dotted #002449; width: 396px;}
#footer div.phone b {font-weight: normal; color: #ad40a7;}

/* CONTENT --------------------------------------------------------------------------------- */

#popup {padding: 20px;}
#popup table td {padding: 5px;}

#content {line-height: 18px; padding: 0 0 36px 36px;}
#content a, #popup a {color: #153c7d;}
#content img, #popup img {border: 1px solid #ccc;}

#content a.purple {color: #920089; border-bottom: 1px dotted #920089; text-decoration: none;}
#content a.purple:hover {border-bottom: 1px solid white;}

#tarifPlans {padding-bottom: 34px;}
#tarifPlans img.tarif {margin-bottom: 14px; border: 0;}
#tarifPlans div {padding-right: 20px;}
#tarifPlans div a {display: block; float: right;}

#companyFacts .item {cursor: pointer; cursor: hand; padding: 12px 12px 12px 42px; background: #fff url(/images/violet-bullet.gif) 18px 18px no-repeat; border-bottom: 1px dotted #3b3b3b;}
#companyFacts .item .details {display: none;}
#companyFacts .item-hovered {background-color: #ebedf2; }
#companyFacts .item-detail {font-size: 16px; background-color: #ebedf2; font-weight: bold;}
#companyFacts .item-detail .details {display: block; font-size: 11px; padding: 20px 0 10px 0; font-weight: normal;}
#companyFacts .link {padding: 10px 15px;}
#companyFacts .link a {float: left;}

#content .tblbord td {padding: 5px 10px;}
#content a.button-blue {display: block; width: 86px; height: 21px; background: #fff url(/images/button-blue.gif) left top no-repeat; color: #fff; text-decoration: None; font-size: 11px;}
#content input.f2 {width: 250px; border: 1px solid #c6c6c6;}
#content textarea {width: 300px; border: 1px solid #c6c6c6;}


ul.beauty {list-style-type: none;}
ul.beauty li {padding: 12px 12px 12px 42px; border-bottom: 1px dotted #3b3b3b; background: #fff url(/images/violet-bullet.gif) 18px 18px no-repeat;}
ul.beauty li h3 {font-size: 16px;}
ul.beauty li div {font-size: 11px; padding: 20px 0 10px 0;}

/* OVERRIDE ------------------------------------------------------------------------------- */

div.gui-error-list {width: 500px; padding: 10px 10px 10px 52px; border: 1px solid #df0539; background: #f5f4f5 url(/images/icon-stop.png) 10px center no-repeat; color: #555; font-size: 14px; margin: 10px 0;}
div.gui-error-list ul {margin: 0; padding: 0 0 0 20px;}

*.none {display: none;}

.png {filter:expression(fixpng(this));}
.png a {position: relative;}