body{	margin: 0px; padding: 0px; text-align: center; font: 12px arial, verdana, Helvetica, Arial, sans-serif; background: #cff5fd url( 'images/topmenubg.png' ) repeat-x; }
h1{ margin: 0px; padding: 0 0 0px 0; font-size: 2em; color: #57ac03;}
h2{ margin: 0px; padding: 10px 0; font: normal 1.8em arial,tahoma, verdana, sans-serif; color: #3BA4DB; }
h3{ margin: 0px; padding: 0; font-size: 1.1em; color: #57ac03; }
p { margin: 0; padding: 5px 20px 10px 20px; text-align: justify; }
input{ font-family: arial, tahoma, sans-serif; font-size: .9em; }
textarea{ border: 1px solid #CCC; }

a { color: green; text-decoration: none; }
a:hover { color: #0272a0; text-decoration: underline; }

#alert { padding: 10px; font-size: 1.2em; border-top: 1px solid #95cd6f; border-bottom: 1px solid #95cd6f; background: #b5fd85; margin: 0 auto; }
#alert a { color: #8a4700; }

/* HEADER */
#topmenu{ height: 25px; color: #d8f9b6; padding: 8px 5px 5px 10px; text-align: right; font-size: 1.1em; width: 990px; margin: 0 auto; }
#topmenu h1 { float: left; width: 580px; text-align: left; font-size: 1.1em; font-weight: normal; color: #d8f9b6; padding: 5px 0 0 0; }
#topmenu ul { float: right; width: 320px; margin: 0; padding:0; list-style: none; }
#topmenu li { float: left; padding: 5px 5px 0 0; margin: 0; list-style: none; background: url("images/topmenua.png") right 5px no-repeat; }
#topmenu li.last { background: none; }
#topmenu a { padding: 8px 8px 10px 7px; color: #d8f9b6; text-decoration: none; font: bold .9em tahoma, arial, verdana; text-transform: uppercase; }
#topmenu a:hover{ background: #FFF url('images/topmenubgover.png') repeat-x center; color: #284e01; }
/*#topmenu #chat { padding: 0; margin: -5px 0; float: right; }
#topmenu #chat:hover { background: none; }*/

#header{ background: #85e8fd url('images/hbg.png') repeat-x bottom; height: 400px;padding:0px 0 5px 0; text-align: left; }
#header img { border: 0px; }
#header_content { position: relative; height: 280px; width: 930px; margin: 0 auto; padding: 10px 30px; background: url("images/header.png") left bottom no-repeat; }
#promo { overflow: hidden; position: absolute; top: 15px; right: 85px; height: 195px; width: 370px; padding: 12px 14px; background: url("images/promo_frame.png") no-repeat; }
#promo img { z-index: 10; }
#promo .price { position: absolute; top: 15px; left: 6px; z-index: 20; }
#promo .order { position: absolute; bottom: 40px; right: 45px; z-index: 20; }
#promo_pages { position: absolute; bottom: 16px; right: 14px; z-index: 30; }

#middlemenu{ margin:0 auto; width: 975px; }
#middlemenu ul{ margin: 0; padding: 0; height: 100px; }
#middlemenu li{ margin: 0px; padding: 0px; display: inline; float: left; width: 200px; height: 100px; background: url('images/middleMenuBg.png') right 10px no-repeat; }
#middlemenu li.last { background: none; width: 170px; }
#middlemenu a { float: left; margin: 0; padding: 5px 0; color: #83ba4a; text-decoration: none; text-align: left; }
#middlemenu a:hover { color: #360; text-decoration: underline; }
#middlemenu strong { color: #360; font-size: 1.8em; display: block; padding: 0; }
#middlemenu em { font-style: normal; font-weight: bold; }
#middlemenu p { display: block; clear: both; margin: 0; padding: 0 20px 0 0; text-align: left; }


/* END HEADER */

/* MAIN */

#main{ font-size: 1em; }
#main a{ text-decoration: none; color: #349ACE; }
#main a:hover{ color: #000; }

#main_top {  padding: 10px 0 0 0; background: url( 'images/mainbg.png' ) top repeat-x; height: 240px; border-bottom: 1px solid #d3cdff; }
#mainTop { width: 990px; margin: 0px auto; height: 240px; }
#intro { text-align: justify; float: right; width: 480px; height: 210px; padding-left: 10px; }
#intro h2 { font-size: 1.6em; padding: 10px 0; }
#intro p { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; }

#packs { float: right; text-align: left; }
#chars{ width: 440px; height: 170px; background: url('images/chars.png') no-repeat; padding: 30px; font-size: 1em; }
#chars ul.tabsmenu{ float: left; width: 190px; }
#chars div { float: left; width: 225px; }
#chars a{ cursor: pointer; color: #000; font-weight: bold; display: block; }
#chars a:hover{ background: none; }
#chars ul{ list-style: none; margin: 0px; padding: 0px;}
#chars li{ list-style: none; margin: 0px; padding: 4px 2px; }

#main_middle { clear: both; text-align: justify; margin: 0 auto; /*border-bottom: 5px solid #6C0;*/ height: 310px; }
#body { width: 970px; padding: 10px 15px; margin: 0 auto; font-size: 1.2em; background: #cff5fd url( 'images/pagesBg.png' ) center repeat-y; }
#body ul { margin: 0; padding: 0; list-style: none; }
#body li { float: left; list-style: none; background: url( "images/productsBg.png" ) center top no-repeat; width: 290px; padding: 0 21px 0 10px; 	margin-left: 2px; }
#body li div { height: 180px; padding-top: 70px; }
#body li div.shared { background: url( "images/hosting.png" ) 5px 5px no-repeat; }
#body li div.reseller { background: url( "images/hosting.png" ) -320px 5px no-repeat; }
#body li div.vps { background: url( "images/hosting.png" ) -660px 5px no-repeat; }
/*#body ul li div.dedicated { background: url( "images/hosting.png" ) -690px 5px no-repeat; }*/
#body li p { padding: 10px 0 10px 10px; margin: 0; }
#body li a.offre { background: url( "images/hosting_link.png" ) center no-repeat; float: left; width: 300px; padding: 7px; font-size: 1em; font-weight: bold; color: #240; text-align: center; }
#special { background: url("images/special.png") center no-repeat; padding: 30px 15px 30px 70px; font: normal 1.8em arial, tahoma, verdana, sans-serif; color: #3BA4DB; }
#special a { float: right; }
#special a img { border: 0; }
#main a:hover{ text-decoration: underline; }

#main_bottom { padding: 0; background: #effcff url( 'images/mainMiddleBg.png' ) repeat-x; }
#mainBottom { padding: 20px 10px; text-align: left; clear: both; }
#logos { padding: 0 0 20px 0; }
#bodyLeft { float: left; width: 600px; padding: 0; text-align: left; font-size: 1em; }
#bodyLeft p { margin: 0; padding: 0; }
#bodyLeft ul { margin: 0; padding: 0; list-style: none; }
#bodyLeft li { margin: 0; padding: 5px 0 5px 35px; width: 200px; background: url("images/ok.png") 10px 5px no-repeat; font-size: 1.2em; font-weight: bold; color: #555; }
#technology { padding: 0 0 0 130px; background: url("images/services.png") 10px 50px no-repeat; }

/*#bodyLeft h2{ background: url( 'images/body_title.png' ) no-repeat; padding: 10px 15px; margin: 0 10px; color: #FFF; font: bold 1.1em verdana, tahoma, arial, tahoma, verdana, sans-serif; }
#bodyLeft ul { margin: 0; padding: 0 0 0 10px; }
#bodyLeft li { list-style: none; background: url( 'images/pick.png' ) 0 4px no-repeat; padding: 2px 0 5px 20px; }
#bodyLeft .info { background: url( 'images/bodyInfo.png' ) 0 15px no-repeat; height: 180px; padding: 0 20px 0 0; }
#bodyLeft .hosting ul, #bodyLeft .contact ul { margin-left: 25px; }
#bodyLeft .services{ float: left; width: 250px; height: 130px; margin: 0; background: url( 'images/services.png' ) 35px 20px no-repeat; text-align: right; font-weight: bold; }
#bodyLeft .serviceList { float: left; width: 400px; }
#bodyLeft .contact { background: url( 'images/contact.png' ) 15px 0 no-repeat; padding: 15px 0 25px 150px; }
#bodyLeft .warranty { background: url( 'images/warranty.png' ) left top no-repeat; }
*/
#bodyRight { float: left; width: 320px; padding: 0 0 10px 15px; margin: 0 0 0 5px; font-size: .9em; }
#bodyRight h2 { font-size: 1.4em; color: #56ab03; padding-bottom: 3px; }
#bodyRight ul, #bodyRight ul li { margin: 0; padding: 0; }
#bodyRight ul li { height: 100px;  border-bottom: 1px solid #CCC; width: 260px; padding-left: 70px; }
#bodyRight li.support { background: url( "images/mainBottomRight.png" ) 0 20px no-repeat; }
#bodyRight li.uptime { background: url( "images/mainBottomRight.png" ) 0 -68px no-repeat; }
#bodyRight li.controlpanel { background: url( "images/mainBottomRight.png" ) 0 -154px no-repeat;}
#login{ width: 260px; height: 210px; background: url( 'images/login.png' ) no-repeat;padding: 10px 0 10px 0; margin: 0px; text-align: left; }
#login h2{ margin: 0px; padding: 0 0 3px 35px; font-size: 1.1em; }
#login form{ margin: 0px; padding: 0 0 0 45px;}
#login input { margin: 2px; padding: 3px; }
#login a{ background: none; font-size: .7em; text-decoration: none; color: #666; text-align: right; display: block; padding: 0 35px 0 0; }
#login a:hover{ background: none; color: #6C0; text-decoration: underline; }

/*

#support{ font-size: .9em; width: 260px; height: 210px; background: url( 'images/support.png' ) no-repeat; }
#support a{ width: 260px; height: 210px; }
*/
/* END MAIN */

/* FOOTER */

#footer{ background: #cdf1a8; color: #000; padding: 10px; clear: both; color: #284e01; border-top: 5px solid #6C0; text-align: center; }
#footer h2{ font: bold 1.3em arial, tahoma, sans-serif; margin: 0px; padding: 0 0 5px 0; color: #56ab03; }
#footer h2 a { color: #56ab03; }
#footer a{ color: #284e01; text-decoration: none; }
#footer a:hover{ text-decoration: underline; background: none; color: #6C0; }
#footer li{ margin: 5px 0 5px 0; color: #6C0; }
#footer2{ width: 990px; margin: 0px auto; }

#hebergement{ float: left; width: 350px; text-align: left;}
#technologie{ float: left; width: 330px; text-align: left;}
#info{ float: left; width: 250px; text-align: left; }

/* END FOOTER */

/* PAGES */

#pages, #contact, #hosting, #faq { text-align: left; width: 960px; margin: 0 auto; padding: 10px 15px; background: #f4fdea url( 'images/pagesBg.png' ) repeat-y; }
#pages h2, #hosting h2{ font: 2.8em Georgia, times, serif; font-style: italic; padding: 0 0 10px 0; }
/*Contact*/
#contact input { margin: 5px 0; padding: 5px; }
#contact h1{ margin: 5px 0 0 0; padding: 0 0 10px 0; }
#contact #name, #mail, #subject, #text{ width: 50%; }
#contact textarea{ height: 100px; font-size: 1.1em; padding: 5px; }
#contact .intro{ float: right; width: 350px; color: #222; font-size: 1em; text-align: justify; }

/*Other pages*/
#pages h2{ padding: 10px 0 0 0; margin: 0 0 10px 0; border-bottom: 1px solid #6C0; }
#pages ul,#pages li{ list-style-type: square; margin: 0 0 10px 0; }

#character { text-align: center; }
#character ul{ margin: 0px; padding: 5px; }
#character li{ display:inline; margin: 5px; }

.faq{ font-size: .8em; }
#faq { text-align: left; margin: 0 auto; width: 990px; }
#faq h2{ font-size: 1.2em; padding: 0 0 0 10px; }
#faq h2{ color: #7171ff; }
#faq a{ color: #7171ff; }
#faq p{ padding: 0 0 0 20px; }
#faq ul, #faq li{ margin: 5px 0 0 10px; }

/* END PAGES */

/* HOSTING */


#hosting h2 span { font-size: .8em; color: #3BA4DB; }
#hosting h4 { text-align: center; font-size: 2.4em; padding: 20px 0 0 0; margin: 0; color: #57ac03 }
#hosting a { color: #57ac03; }
#hosting a:hover { color: #349ACE; }
#hosting p{ margin: 0 0 0 20px; font-size: 1em; }
#hosting span{ font-weight: bold; color: #6C0; }
#hosting ul, #hosting li{ list-style: none; margin: 5px 0 0 0px; display: block; font-size: 1.1em;}
#hosting .buttons { padding: 20px; border: 0; text-align: center; }
#hosting li { background: url( 'images/pick.png' ) 0 4px no-repeat; padding: 3px 0 5px 20px; text-align: left }

#hosting .info { padding: 0 0 20px 0; }

#hosting .packs { float: left; margin: 5px 0; padding: 10px 0; width: 315px; height: 300px; text-align: center }
#hosting img { border: 0; padding: 0; margin: 0; }

#hosting .medium { background: url( 'images/packs_medium.png' ) top center no-repeat; width: 320px; }
#hosting .small { background: url( 'images/packs_small.png' ) top center no-repeat; margin-left: 5px; }
#hosting .large { background: url( 'images/packs_large.png' ) top center no-repeat; margin-right: 5px; }
#hosting .details { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 10px; background: #f2fdff; color: #303030; text-align: justify; }
#hosting .details img { float: left; margin: 0 20px 0 0; }

#hosting table { border-collapse: collapse; border: 8px solid #b3df87; width: 770px; margin: 0 auto; text-align: center; color: #516340; font-size: .9em; }
#hosting th { border: 5px solid #d1f1b1; padding: 20px 0; background: url( 'images/bg_th.gif' ); text-transform: uppercase; font-size: 1.3em; }
#hosting th h4 { padding: 0; margin: 0; }
#hosting th a { display: block; padding: 10px 0; }
#hosting td { border: 2px solid #d1f1b1; margin: 0; padding: 5px;  }
#hosting td.title { background: #dcfcbc; font-weight: bold; font-size: 1.2em; border-right: 5px solid #d1f1b1; text-align: right; }
#hosting td.det { width: 400px; border-right: 5px solid #d1f1b1; text-align: right; }
#hosting td.unlimited { font-weight: bold; color: #5ab203; }
#hosting .dedicated { float: left; width: 430px; margin: 25px 0 0 0; padding: 20px; height: 230px; background: url( 'images/dedicatedBg.png' ) no-repeat; }
#hosting .dedicated img.price { float: right; }
.pack{ clear: both; }
.packDescription{ margin: 15px 0 15px 0; padding: 45px 45px 45px 120px; background: #FFF url( 'images/packDescription.png' ) left no-repeat; font-size: 1.2em; color: #3BA4DB; text-align: justify; }

.note{ clear: both; font-size: .8em; color: #999; margin: 15px 0 5px 20px; }

/* END HOSTING */

.clear{ clear: both; }


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav .tabs-selected a {
    color: #FFF;
}