html {  background:#FFF url(../images/stripe_top.png) repeat-x; background-position:50% 0px; background-repeat:repeat-x }
body { padding:0; margin:0; text-align:center; font-size: 13px; font-family: Century Gothic, sans-serif; background:#FFF url(../images/stripe_top.png) repeat-x; background-position:50% 0px; background-repeat:repeat-x }
img { border:0 }
a { color:#555 }
a:hover { text-decoration:none; color:#959599 }
h1 { font-size: 44px; line-height: 40px; letter-spacing: -1px; color: #fafafa; margin: 0 0 0 0; padding: 0 0 0 0; color:#444; font-weight: 100; text-shadow: 1px 1px 2px#ddd; }
h2 { font-size: 28px; line-height: 40px; letter-spacing: -1px; color: #fafafa; margin: 0 0 0 0; padding: 0 0 0 0; color:#444; font-weight: 100; }
h3 { font-size:20px; letter-spacing:-1px;margin:0 0 0 0; padding:0 0 0 0; font-weight:100 }
h4 { font-size:16px; letter-spacing:-1px;margin:0 0 0 0; padding:0 0 0 0; font-weight:100 }
h1.nomarge, h2.nomarge, h3.nomarge, h4.nomarge { margin:0 }
p { padding:0 }
div.emphase { }
p.paragraph { padding:0; text-indent:45px; text-align:justify; padding-right:10px }
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;border-right: 1px solid #46474a;border-bottom: 1px solid #46474a;border-top: 1px solid #46474a;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #111 url(../images/bg_header.jpg) no-repeat;}
th.nobg {border-top: 0;border-left: 0;border-right: 1px solid #46474a;background: none;}
th.spec {border-left: 1px solid #46474a;border-top: 0;background: #46474a url(../images/bullet1.png) no-repeat;}
th.specalt {border-left: 1px solid #46474a;border-top: 0;background: #8d8d8d url(../images/bullet2.png) no-repeat;color: #fbfbfb;}
td {border-right: 1px solid #46474a;border-bottom: 1px solid #46474a;background: #7a7b7a;padding: 6px 6px 6px 12px;color: #fbfbfb; text-align:left}
td.alt {background: #878787;color: #fbfbfb;}
.main { width:950px; margin:0 auto; text-align:left; margin-top:30px; }
.view { padding-top:8px;}
a.logo { display:block; float:left; width:142px; height:56px; border:0; outline:none }
#titleview { text-align:right; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:26px; color:#444; font-style:italic;text-shadow: 1px 1px 2px#ddd; }
ul.menu {padding: 1px; padding-left:0px; margin: 0px 0;list-style: none;float:right}
ul.menu li {float: left;display: inline;margin: 0 10px;}
ul.menu li a {text-decoration: none;float:left;color: #444;cursor: pointer;}
ul.menu li a span {margin: 0 10px 0 -10px;padding: 3px 8px 5px 18px;position: relative;float:left; font-weight:bold}
ul.green li a.current, ul.green li a:hover  {color: #576d07;background: url(../images/green.png) no-repeat top right;}
ul.green li a.current span, ul.green li a:hover span {background: url(../images/green.png) no-repeat top left; color:#fff}
ul.blue li a.current, ul.blue li a:hover {background: url(../images/blue.png) no-repeat top right;color: #0d5f83;}
ul.blue li a.current span, ul.blue li a:hover span {background: url(../images/blue.png) no-repeat top left;}
ul.pink li a:hover {color: #860737;background: url(images/pink.png) no-repeat top right;}
ul.pink li a:hover span {background: url(../images/pink.png) no-repeat top left;}
ul.pink li a.current {background: url(../images/pink.png) no-repeat top right;color: #860737;}
ul.pink li a.current span {background: url(../images/pink.png) no-repeat top left;}
ul.red li a:hover {color: #fff;background: url(../images/red.png) no-repeat top right;}
ul.red li a:hover span { background: url(../images/red.png) no-repeat top left;}
ul.red li a.current {background: url(../images/red.png) no-repeat top right;color: #fff;}
ul.red li a.current span {background: url(../images/red.png) no-repeat top left;}
ul.black li a:hover {color: #fff;background: url(../images/black.png) no-repeat top right;}
ul.black li a:hover span { background: url(../images/black.png) no-repeat top left;}
ul.black li a.current {background: url(../images/black.png) no-repeat top right;color: #fff;}
ul.black li a.current span {background: url(../images/black.png) no-repeat top left;}
.li_contact a {color: #fff;background: url(../images/red.png) no-repeat top right; }
.li_contact a:hover {color: #F00;background:#fff; }
.li_contact a.current {color: #fff;background: url(../images/red.png) no-repeat top right; }
.li_contact a span{color: #fff;background: url(../images/red.png) no-repeat top right; }
.li_contact a:hover span {color: #F00;background:#fff; }
.li_contact a.current span {color: #fff;background: url(../images/red.png) no-repeat top right; }
.stock { background:url(../images/head_log.jpg) no-repeat 0px 0px; height:1px; outline:1px #535353 solid; width:950px; height:220px; }
.wall { margin-left:100px; position:relative; top:88px; background:url(../images/box_transparency) no-repeat; width:499px; height:133px; }
.stock h1 { color:#fbfbfb; text-shadow: 1px 1px 4px#000; }
.stock h2 { color:#fbfbfb; text-shadow: 1px 1px 4px#000; }
.stock h3 { color:#fbfbfb; text-shadow: 1px 1px 4px#000; }
.stock h4 { color:#fbfbfb; text-shadow: 1px 1px 4px#000; font-size:15px; }
.pagination { margin:2px 0px; padding:2px; padding-left:0px; z-index:10;}
.pagination ul {padding: 1px; padding-left:0px; margin: 0px 0;list-style: none;clear: left; float:right}
.pagination ul li {float: left;display: inline;margin: 0 10px;}
.pagination ul li a {text-decoration: none;float:left;color: #444;cursor: pointer;}
.pagination ul li a span {margin: 0 10px 0 -10px;padding: 4px 8px 5px 18px;position: relative;float:left;}
.devis { margin-top:20px;}
.footer { margin-top:50px; text-align:right; color:#444 }
div.item { display:none }
div.note { margin:5px 0px; border:1px #ECECDD solid; background:#F5F4EF; padding:5px; text-align:justify; color:#9B978C }
.jsitem { border-bottom:1px #CCC dashed; padding-bottom:4px; margin-bottom:6px }
a.button {background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;}
a.button span {background: transparent url('../images/bg_button_span.png') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px; font-family: Century Gothic, sans-serif; text-transform:none; letter-spacing:normal;}
a.button:active {background-position: bottom right;color: #000;outline: none; }
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}
a.actived_button {background-position: bottom right;color: #000;outline: none; }
a.actived_button span {background-position: bottom left;padding: 6px 0 4px 18px;}
a.inactived_button {background-position: top right;color: #000;outline: none; }
a.inactived_button span {background-position: top left;padding: 6px 0 4px 18px;}
div.info { font-size:91%; color:#111; clear:both }
div.price { background:url('../images/price.png') no-repeat; width:138px; height:138px; line-height:138px; font-size:26px; color:#aeff00; font-weight:bold; text-align:center; position:relative; top:-54px; left:-130px; display:none }
div.nfo_disp { width:705px; text-align:justify }
div.nfo_disp ul { list-style-image:url('../images/ico_add.png'); }
div.nfo_disp a { color:#fbfbfb; border-bottom:1px dashed #111; text-decoration:none }
a.plz_contact { display:block; position:relative; z-index:30; text-decoration:none; background:url(../images/plz_contact.png); width:194px; height:47px; text-indent:-999em; left:-155px; top:-20px; margin-top:-55px; background-position:top left }
a.plz_contact:hover { background-position:bottom left }

ul.carremenu { list-style:none; padding:0; margin:0 }
ul.carremenu li { display:block; margin-bottom:7px; }
ul.carremenu li span { text-decoration:none!important }

ul.tab { list-style:none; padding:0; margin:0; }
ul.tab li { float:left; }
ul.tab li a { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #fff;border-right: 1px solid #46474a;border-bottom: 1px solid #46474a;border-top: 1px solid #46474a;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(../images/bg_header.jpg) no-repeat; }
ul.tab li a.current { background:#fff; color:#111; }
div.tab {color: #fff;border-right: 1px solid #46474a;border-bottom: 1px solid #46474a;border-top: 1px solid #46474a;text-align: left;padding: 12px 6px 6px 12px;background:  url(../images/bg_tab.jpg) repeat-y; width:480px;}
div.tab_infos { color:#111;border: 1px solid #46474a; background:#F0EFE6; margin-left:30px; text-align:left; padding: 12px 6px 6px 12px; width:400px; margin-top:17px; }
.ico_ok { background:url(../images/ico/ico_ok.png) no-repeat; padding-left:20px }

.hosting { float:left; width:48%; }
.server { float:right; width:48% }

.reals { text-align:center }
.reals .item { width:910px; padding:5px; display:block; text-align:center; margin:0 auto; }
.reals .item img { border:2px #fbfbfb solid; margin:0 auto }
.reals .item .text { text-align:left }
.reals .item h1 { color:#111 }

input, textarea { font-size: 13px; font-family: Century Gothic, sans-serif; color:#444;  }
input.input_large { padding:3px; width:97% }
textarea.textarea_large { padding:3px; width:98%; height:360px}
.verificator {font-family: Century Gothic, sans-serif; font-size:11px; text-transform:none; font-weight:normal; letter-spacing:normal; color:#fbfbfb;}
.msg_error { background:url(../images/ico/ico_error.png) no-repeat; padding-left:20px; }
.msg_valid { background:url(../images/ico/ico_valid.png) no-repeat; padding-left:20px; }
.msg_notice { background:url(../images/ico/ico_notice.png) no-repeat; padding-left:20px; }

.box_devis { display:block; background:url(../images/box_devis.png) no-repeat top left; width:278px; height:88px; margin-left:-15px; margin-top:-15px; }
.box_devis:hover { background-position:bottom left; }

.fontwhite { color:#fbfbfb }

.bt_mutualise { background:url(../images/bt_mutualise.png) top left no-repeat; width:130px; height:30px; display:block; text-indent:-999em }
.bt_mutualise:hover { background-position:bottom left }

.notification { background:#F3EDE4; border:1px #ccc solid; padding:5px; text-align:left}


div#feature_list {width: 950px;height: 240px;overflow: hidden;position: relative;}
div#feature_list ul {position: absolute;top: 0;	list-style: none;padding: 0;margin: 0;}
ul#tabs {left: 0;z-index: 2;width: 320px;}
ul#tabs li {font-size: 12px;font-family: Arial;}
ul#tabs li img {padding: 5px;border: none;float: left;margin: 10px 10px 0 0;}
ul#tabs li a {color: #222;text-decoration: none;display: block;padding: 10px;height: 60px;outline: none;}
ul#tabs li a:hover {text-decoration: underline;}
ul#tabs li a.current {background:  url('../images/feature-tab-current.png');color: #FFF;}
ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
ul#output {right: 0;width: 663px;height: 240px;position: relative;}
ul#output li {position: absolute;width: 663px;height: 240px;}
ul#output li a {position: absolute;bottom: 10px;right: 10px;padding: 8px 12px;text-decoration: none;font-size: 11px;color: #FFF;background: #000;-moz-border-radius: 5px;}
ul#output li a:hover {background: #D33431;}