body {
	color : #1A1A1A;
	background : #FFF url("../assets/bg.png");
	font-family : Verdana, sans-serif;
	font-size : 12px;
	line-height : 16px;
	margin : 0px;
	padding : 0px;
}
body a {
	color : #860037;
	text-decoration : underline;
}
body .bold {
	font-weight : bold;
}
body h1 {
	margin : 0px;
	padding : 50px 0 20px 0;
	background : url("../assets/top-bg.png") no-repeat -3px -25px;
	text-align : center;
}
body h3 {
	background : url("../assets/puce.png") no-repeat 0px 3px;
	font-weight : normal;
	text-indent : 20px;
	font-size : 19px;
	color : #860037;
	margin : 0px 0px 10px 0px;
}
body #container {
	width : 904px;
	margin : 0px auto;
}
body #menu {
	background : url("../assets/menu-bg.png");
	height : 40px;
	margin-bottom : 5px;
}
body #menu ul {
	margin : 0px;
	padding : 11px 0px;
	text-align : center;
}
body #menu ul li {
	list-style-type : none;
	display : inline;
}
body #menu ul li a {
	font-size : 14px;
	color : #1A1A1A;
	text-decoration : none;
	letter-spacing : 0.1em;
	margin : 0px 5px;
}
body #menu ul li a.selectedItem, body #menu ul li a:hover {
	color : #FFF;
}
body #footer {
	padding : 20px 0 50px 0;
	background : url("../assets/bottom-bg.png") no-repeat -3px 0px;
	margin-top : 10px;
	font-size : 8pt;
	color : #999;
	text-align : center;
}
body #headlines .rss {
	float : right;
}
body #headlines .rss a {
	color : #666;
	font-size : 12px;
	text-decoration : none;
}
body #headlines ul {
	padding-left : 0px;
}
body #headlines ul li {
	list-style-type : none;
	margin-bottom : 10px;
}
body #headlines ul li .date {
	color : #666;
	font-size : 10px;
}
body #headlines ul li h4 {
	font-weight : normal;
	font-size : 15px;
	color : #860037;
	margin : 0px;
	padding : 0px;
}
img {
	border : 0px;
}
.clear {
	clear : both;
}
.sign {
	text-align : right;
	font-style : italic;
}
.noli {
	padding-left : 0px;
	margin-left : 0px;
	text-indent : 0px;
	background : none;
}
#home #left {
	float : left;
	width : 445px;
}
#home #left .bloc {
	background : url("../assets/bg-home-left.png") no-repeat -3px 0px;
	padding : 15px;
}
#home #left .border {
	background : url("../assets/bg-home-left-border.png") no-repeat -3px 0px;
}
#home #left .bottom {
	background : url("../assets/bg-home-left.png") no-repeat -3px bottom;
	height : 10px;
}
#home #left .border-bottom {
	height : 10px;
	background : url("../assets/bg-home-left-border.png") no-repeat -3px bottom;
}
#home #right {
	float : right;
	width : 450px;
}
#home #right .bloc {
	background : url("../assets/bg-home-right.png") no-repeat 5px 0px;
	padding : 15px;
}
#home #right .bloc ul {
	margin : 0px;
	padding : 0px;
}
#home #right .bloc li {
	list-style-type : none;
	background : url("../assets/puce-small.png") no-repeat 0px 3px;
	padding-left : 15px;
	margin-bottom : 5px;
}
#home #right .bloc p {
	margin-top : 0px;
}
#home #right .bottom {
	background : url("../assets/bg-home-right.png") no-repeat 5px bottom;
	height : 10px;
}
#home #right #ourOffer {
	padding : 12px 15px 0px 15px;
	color : #FFF;
	background : url("../assets/bg-home-offer.png") no-repeat 1px 0px;
	height : 50px;
}
#home #right #ourOffer a {
	color : #FFF;
	text-decoration : none;
}
#home #right #ourOffer h2 {
	font-size : 20px;
	margin : 0px 3px 0px 0px;
}
#content #left {
	float : left;
	width : 595px;
}
#content #left .bloc {
	background : url("../assets/bg-content-left.png") no-repeat -3px 0px;
	padding : 15px 35px 15px 15px;
}
#content #left .border {
	background : url("../assets/bg-content-left-border.png") no-repeat -3px 0px;
}
#content #left .bottom {
	background : url("../assets/bg-content-left.png") no-repeat -3px bottom;
	height : 10px;
}
#content #left .border-bottom {
	height : 10px;
	background : url("../assets/bg-content-left-border.png") no-repeat -3px bottom;
}
#content #left .title {
	height : 22px;
	padding : 18px;
	background : url("../assets/bg-content-title.png") no-repeat -3px top;
}
#content .two-cols .left {
	float : left;
	width : 270px;
}
#content .two-cols .right {
	float : right;
	width : 270px;
}
#content .contact {
	background : url("../assets/bg-content-left-pink-thin.png") no-repeat -3px bottom;
	height : 34px;
	text-align : center;
	padding-top : 10px;
}
#content .contact a {
	color : #FFF;
	text-decoration : none;
	font-size : 18px;
	font-weight : bold;
}
#content #right {
	float : right;
	width : 309px;
}
#content #right .bloc {
	background : url("../assets/bg-content-right.png") no-repeat 5px 0px;
	padding : 15px 15px 5px 15px;
}
#content #right .bloc h3 {
	font-size : 18px;
}
#content #right .bloc h4 {
	font-size : 16px;
	font-weight : normal;
	color : #860037;
	margin : 0px 0px 10px 0px;
}
#content #right .bloc ul {
	margin : 0px;
	padding : 0px;
}
#content #right .bloc li {
	list-style-type : none;
	background : url("../assets/puce-small.png") no-repeat 0px 3px;
	padding-left : 15px;
	margin-bottom : 5px;
}
#content #right .bloc p {
	margin-top : 0px;
}
#content #right .bottom {
	background : url("../assets/bg-content-right.png") no-repeat 5px bottom;
	height : 10px;
}
#content #right #ourOffer {
	padding : 12px 15px 0px 15px;
	color : #FFF;
	background : url("../assets/bg-content-offer.png") no-repeat 1px 0px;
	height : 35px;
	text-align : center;
}
#content #right #ourOffer a {
	color : #FFF;
	text-decoration : none;
}
#content #right #ourOffer h2 {
	font-size : 20px;
	margin : 0px 3px 0px 0px;
}
#content #right #needAdvice {
	padding : 12px 15px 0px 15px;
	color : #FFF;
	background : url("../assets/bg-content-advice.png") no-repeat 1px 0px;
	height : 50px;
	text-align : center;
}
#content #right #needAdvice a {
	color : #FFF;
	text-decoration : none;
}
#content #right #needAdvice h2 {
	font-size : 20px;
	margin : 0px 3px 0px 0px;
}
.vslider {
	position : relative;
	float : left;
	height : 115px;
	width : 270px;
	background : url("../assets/slider-bg.png") no-repeat 0px 0px;
}
.vslider .legend {
	position : absolute;
	top : 5px;
	left : 10px;
	font-size : 16px;
	color : #FFF;
}
.vslider .slider {
	position : absolute;
	top : 25px;
	left : 15px;
	width : 261px;
}
.vslider .slider .bg {
	height : 50px;
	background : url("../assets/slider-trail.png") no-repeat 0px 30px;
}
.vslider .slider .handle {
	top : 0px;
	left : 0px;
	position : absolute;
	text-align : center;
	width : 60px;
}
.vslider .slider .handle .label {
	white-space : nowrap;
	font-size : 10px;
	color : #FFF;
}
.vslider .slider .handle .cursor {
	margin : auto;
	cursor : pointer;
	width : 28px;
	height : 46px;
	background-image : url("../assets/slider-handle.png");
}
.vslider .more {
	cursor : pointer;
	position : absolute;
	top : 90px;
	left : 56px;
	width : 13px;
	height : 13px;
	background : #860037;
	color : white;
	text-align : center;
	font-size : 10px;
}
.vslider .less {
	cursor : pointer;
	position : absolute;
	top : 103px;
	left : 56px;
	width : 13px;
	height : 13px;
	background : #860037;
	color : white;
	text-align : center;
	font-size : 10px;
}
.vslider .textfield {
	position : absolute;
	top : 90px;
	left : 10px;
}
.vslider .textfield .qty {
	width : 40px;
	height : 20px;
	padding : 3px;
	margin : 0px;
	border : 0px;
	background : #FFF;
	color : #666;
	font-size : 15px;
	letter-spacing : -0.05em;
}
.vslider .textfield .label {
	position : absolute;
	top : 5px;
	left : 65px;
	font-size : 15px;
}
.vslider .subtotal {
	position : absolute;
	top : 90px;
	left : 110px;
	white-space : nowrap;
	font-size : 10px;
	color : #FFF;
}
#vhq_total {
	float : left;
	width : 316px;
	height : 53px;
	padding : 14px 12px;
	background : url("../assets/total-bg.png");
}
#vhq_total a {
	text-decoration : none;
}
#vhq_total .priceHT {
	font-size : 20px;
	font-weight : bold;
}
#vhq_total .label {
	color : #860037;
}
.button {
	cursor : pointer;
}
.server-add {
	text-align : center;
	width : 166px;
	height : 20px;
	padding : 10px;
	background : url("../assets/server-add-bg.png");
	color : #FFF;
	font-size : 16px;
	font-weight : bold;
}
.server {
	width : 588px;
	margin-bottom : 5px;
	position : relative;
}
.server .serverLabel {
	cursor : pointer;
	font-weight : bold;
	float : left;
	font-size : 21px;
	color : #FFF;
	margin : 5px;
}
.server .destroy {
	float : right;
	width : 150px;
	height : 18px;
	margin : 5px;
	padding : 0px 5px;
	color : #FFF;
	font-size : 11px;
	background : #808080 url("../assets/delete.png") no-repeat right 0px;
}
.server .storage {
	float : left;
}
.server .memory {
	margin-left : 20px;
	float : left;
}
.server .server-body {
	padding : 5px;
	background : url("../assets/server-bg.png");
}
.server .server-bottom {
	height : 10px;
	background : url("../assets/server-bg.png") 0px bottom;
}
.server .presets {
	float : right;
}
.server .presets .presetsTitle {
	width : 240px;
	height : 18px;
	margin : 5px 0px;
	padding : 0px 5px;
	color : #FFF;
	font-size : 11px;
	background : #808080 url("../assets/down.png") no-repeat right 0px;
}
.server .presets .presetsContainer {
	position : absolute;
	z-index : 80;
	width : 250px;
	top : 28px;
}
.server .presets .presetsContainer .presets {
	width : 250px;
}
.server .presets .presetsContainer .presets a {
	display : block;
	padding : 0px 5px;
	background : #808080;
	color : #FFF;
	font-size : 11px;
	text-decoration : none;
}
.server .presets .presetsContainer .presets a:hover {
	background : #A0A0A0;
	text-decoration : none;
}
.bandwidth {
	width : 588px;
}
.bandwidth .serverLabel {
	cursor : pointer;
	font-weight : bold;
	float : left;
	font-size : 21px;
	color : #FFF;
	margin : 5px;
}
.bandwidth .bw-body {
	padding : 5px;
	background : url("../assets/bw-bg.png");
}
.bandwidth .bw-bottom {
	height : 10px;
	background : url("../assets/bw-bg.png") 0px bottom;
}
.bandwidth .vslider {
	position : relative;
	float : left;
	height : 115px;
	width : 565px;
	background : url("../assets/slider-bg.png") no-repeat 0px 0px;
}
.bandwidth .vslider .legend {
	position : absolute;
	top : 5px;
	left : 10px;
	font-size : 16px;
	color : #FFF;
}
.bandwidth .vslider .slider {
	position : absolute;
	top : 25px;
	left : 15px;
	width : 550px;
}
.bandwidth .vslider .slider .bg {
	height : 50px;
	background : url("../assets/slider-bw-trail.png") no-repeat 0px 30px;
}
.bandwidth .vslider .slider .handle {
	top : 0px;
	left : 0px;
	position : absolute;
	text-align : center;
}
.bandwidth .vslider .slider .handle .label {
	white-space : nowrap;
	font-size : 10px;
	width : 60px;
	color : #FFF;
}
.bandwidth .vslider .slider .handle .cursor {
	margin : auto;
	cursor : pointer;
	width : 28px;
	height : 46px;
	background-image : url("../assets/slider-bw-handle.png");
}
.bandwidth .vslider .subtotal {
	position : absolute;
	top : 90px;
	left : 120px;
	white-space : nowrap;
	font-size : 10px;
	color : #FFF;
}
.getpdf {
	float : right;
	margin-right : 5px;
	text-align : center;
	width : 214px;
	height : 14px;
	padding : 14px;
	background-image : url("../assets/getpdf-bg.png");
	color : #FFF;
	font-size : 18px;
	font-weight : bold;
}
.bt-cgv {
	display : block;
	float : right;
	margin-right : 5px;
	text-align : center;
	width : 222px;
	height : 20px;
	padding : 10px;
	background-image : url("../assets/bt-cgv-bg.png");
	color : #999;
	font-size : 13px;
	text-decoration : none;
}
.hidden {
	display : none;
}
.mask {
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background : #FFF;
	z-index : 100;
}
.contentBox {
	left : 50%;
	top : 50%;
	position : fixed;
	z-index : 102;
}
.contentBox .content {
	background : url("../assets/modal-bg.png");
	width : 310px;
	padding : 15px 15px 0 15px;
	text-align : center;
}
.contentBox .content h3 {
	background : none;
	text-indent : 0px;
	font-size : 16px;
	text-align : left;
}
.contentBox .content .error {
	font-weight : bold;
	color : #B00;
}
.contentBox .content .waiting {
	width : 220px;
	padding-bottom : 25px;
	margin : 0px auto;
	background : url("../assets/loading.gif") no-repeat 0px bottom;
}
.contentBox .footer {
	width : 340px;
	background : url("../assets/modal-bg.png") no-repeat 0px bottom;
	height : 15px;
}
#quoteForm {
	margin : 5px 60px;
}
#quoteForm label {
	display : block;
	float : left;
	text-align : left;
	margin : 5px 0px;
	width : 60px;
}
#quoteForm .field {
	margin : 5px 0px;
}
#messForm {
	margin : 5px 20px;
}
#messForm label {
	display : block;
	float : left;
	text-align : left;
	margin : 5px 0px;
	width : 70px;
}
#messForm .field {
	margin : 5px 0px;
}
.references h4 {
	margin-top : 0px;
	font-size : 17px;
}
.references li {
	margin-top : 5px;
	font-size : 15px;
}
.responsable h4 {
	margin-top : 0px;
	font-size : 17px;
}
.pink {
	color : #860037;
}
.qaItem {
	cursor : pointer;
}
.qaAnswer {
	padding-left : 15px;
	font-style : italic;
	padding-bottom : 10px;
}
.field {
	font-size : 11px;
	border : 2px solid #CCC;
	margin : 2px 0px;
}
.pdfdoc {
	display : block;
	background : url("../assets/pdfdoc.png") no-repeat center top;
	padding-top : 36px;
}
.link {
	text-decoration : underline;
	color : #860037;
}
.send {
	width : 94px;
	height : 30px;
	text-transform : capitalize;
	cursor : pointer;
	text-indent : -9999px;
	background : url("../assets/envoyer.png") no-repeat 0px 2px;
	border : none;
}
.cancel {
	width : 94px;
	height : 30px;
	text-indent : -9999px;
	background : url("../assets/annuler.png") no-repeat 0px 2px;
	border : none;
}
.left {
	float : left;
}
.right {
	float : right;
}
.ie6 {
	z-index : 9999;
	position : fixed;
	background : rgb(255,255,225);
	border-bottom : 1px solid rgb(102,102,102);
	font-size : 11px;
	padding : 4px;
	height : 17px;
	width : 100%;
	display : block;
	font-family : "Bitstream Vera Sans", verdana, sans-serif;
	padding-top : 1px;
}
.miniNote {
	font-size : 7pt;
}
.refComment {
	font-size : 10px;
	font-style : italic;
	font-weight : bold;
}
