body {
	background: url(pbg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}
img {
	border-style: none;
	vertical-align: top;
}
#pg {
	margin: 0px auto;
	width: 770px;
}
#lft {
	float: left;
	width: 180px;
}
#lft h1 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 15px 0px 0px;
}
#lft h1 a {
	color: #ccc;
	text-decoration: none;
	background: url(logo.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 30px 0px 0px 46px;
	height: 40px;
}
#lft h1 a:hover {
	color: #fff;
}

#lft ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu dl {
	margin: 0px;
	padding: 0px;
}

#menu dd {
	margin: 0px;
	padding: 0px;
}
#menu dt {
	font-weight: bold;
}
#menu dt a {
	color: #f60;
	text-decoration: none;
	display: block;
	background: url(menubg.gif) repeat-x;
	padding: 2px;
}
#menu dt a:hover {
	color: #5E5E5E;
}

#menu li {
	background: url(dot1.gif) repeat-x;
	padding-top: 1px;
}

#menu li a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 18px;
	background: url(bull1.gif) no-repeat 6px 6px;
	width: auto;
	height: 16px;
}
#menu li a:hover {
	background: #DDE9FF url(bull1.gif) no-repeat 6px 6px;
}

#rgt {
	float: left;
	width: 590px;
}
#log {
	padding-left: 40px;
	background: url(user.gif) no-repeat 8px 8px;
	color: #fff;
	font-size: 11px;
	height: 50px;
}
#log form {
	margin: 0px;
	padding: 4px;
	vertical-align: middle;
}
.inp1 {
	background: #ccc;
	border-top: 1px solid #565656;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #565656;
	margin: 0px;
	padding: 1px;
	font-size: 11px;
	width: 170px;
}
.but1 {
	margin-left: 5px;
	vertical-align: bottom;
}

#log p {
	margin: 0px;
	padding: 3px;
	text-indent: 40px;
}
#log span {
	padding: 20px;
	color: #ff0;
}

#log a {
	color: #f90;
}
#log a:hover {
	color: #fff;
	text-decoration: none;
}
#demos {
	padding-top: 14px;
	padding-bottom: 0px;
	margin: 0px;
}

#dem {
	margin-top: 40px;
}
#dem li {
	margin: 0px;
	padding: 0px;
}
#adr {
	background: url(onlinedev.gif) no-repeat 10px 10px;
	margin-top: 20px;
}
#adr address {
	font-size: 11px;
	font-style: normal;
}
#adr a {
	color: #f60;
	text-decoration: none;
	display: block;
	padding: 85px 10px 10px;
}
#pageshead {
	background: url(phead0.gif) repeat-x;
}
#pageshead h2 {
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	background: url(phead1.gif) no-repeat;
	display: block;
}
#pageshead span {
	display: block;
	background: url(phead2.gif) no-repeat right top;
	padding: 12px;
}
#pagescont {
	padding: 25px;
	color: #5E5E5E;
}
#pagescont p {
	margin: 0px;
	padding: 10px 0px 0px;
}
#pagescont a {
	color: #FF6645;
	text-decoration: underline;
}
#pagescont a:hover {
	text-decoration: none;
}

.imleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
#pagescont h3 {
	color: #FF9600;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px;
}
#pagescont h4 {
	font-size: 14px;
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	color: #f60;
}

#contt {
	border-top: 1px solid #CCCCCC;
	font-size: 11px;
	margin-top: 20px;
}
#contt td {
	padding: 5px;
	vertical-align: top;
}
.inp2 {
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	width: 250px;
	background: #F0F0F0;
}
.inp3 {
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
	background: #F0F0F0;
}
.but2 {
	background: #FF6600;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #f90;
}
#devis24 {
	font-size: 11px;
	margin-top: 20px;
	border-top: 1px solid #CCCCCC;
}
#devis24 td {
	border-bottom: 1px solid #F8F8F8;
	vertical-align: top;
}
#devis24 strong {
}
#packcont {
	padding: 10px;
}
#packcont p {
	color: #5E5E5E;
	margin: 0px;
	padding: 10px 0px 5px;
}

#packcont h2 {
	font-size: 16px;
	font-weight: normal;
	color: #FF9600;
	margin: 0px;
	padding: 0px 0px 5px;
}
#packcont h2 strong {
	color: #5E5E5E;
}
#packcont img {
	text-align: center;
}
#packcont h3 {
	font-size: 12px;
	font-weight: normal;
	color: #5E5E5E;
	margin: 0px;
	padding: 5px 0px 0px;
}
.rapide {
	font-size: 16px;
	font-weight: bold;
	color: #f60;
}
#packcont h4 {
	font-size: 12px;
	margin: 0px;
	padding: 5px;
	background: #E8E8E8;
	border: 1px solid #E2E0DC;
	color: #5E5E5E;
}
#packcont em {
	color: #f60;
}
#packcont ul {
	margin: 10px;
	padding: 10px;
}
#packcont a {
	color: #5E5E5E;
}
#packcont a:hover {
	color: #f60;
}

.packo {
	float: left;
	text-align: center;
	width: 250px;
	padding-top: 20px;
}










.x2 {
	width: 50%;
	float: left;
}

/*Panels*/

.gr {
	background: #ABDD7F url(gr2.gif) no-repeat right top;
	padding: 0px;
	margin: 4px;
	color: #336d00;
}
.gr h2 {
	background: url(gr1.gif) no-repeat;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 0px;
}
.gr p, .bl p {
	margin: 0px;
	padding: 8px 8px 0px;
	font-size: 11px;
}
.gr div {
	background: url(gr3.gif) no-repeat left bottom;
	height: 8px;
	font-size: 8px;
}
.gr span {
	display: block;
	background: url(gr4.gif) no-repeat right bottom;
	height: 8px;
}

/*Blue panel*/

.bl {
	background: #B8D1FF url(bl2.gif) no-repeat right top;
	padding: 0px;
	margin: 4px;
	color: #004edb;
}
.bl h2 {
	background: url(bl1.gif) no-repeat;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 0px;
}
.bl div {
	background: url(bl3.gif) no-repeat left bottom;
	height: 8px;
	font-size: 8px;
}
.bl span {
	display: block;
	background: url(bl4.gif) no-repeat right bottom;
	height: 8px;
}

#fot {
	clear: both;
	font-size: 11px;
	color: #5E5E5E;
	padding: 10px 10px 10px 180px;
}
#fot p {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}
#fot address {
	font-style: normal;
}
#fot a {
	color: #5E5E5E;
}
#fot a:hover {
	color: #f90;
}


/**/
.pack {float:right; width: 423px;}
.pack4_up {background: #FFF url(p4_up.jpg) 0 0 no-repeat; vertical-align: top;}
.pack4_bg {background: #FFF url(p4_bg.jpg) 0 0 repeat-y; vertical-align: top;}
#packcont .ul1_l {float:left; width: 200px; margin: 0; padding: 0;}
.ul1_l h6 {margin: 0px 0px 0px 20px; padding: 0px; font-size: 19px; font-style:italic; color: #f68d00;display: block;}
.ul1_l h6 span {color:#78a6ff;}
#packcont .ul1_l ul {margin: 0px 5px 0px 35px; padding: 0; list-style-image: url(bullet1.jpg); font-size: 12px; color: #6c6c76; font-weight: bold;}
#packcont .ul1_l ul li {margin: 3px 0 3px 0;}

#packcont .ul1_r {float:right; width: 200px; margin: 0; padding: 0px;}
#packcont .ul1_r ul {margin: 0px 5px 0px 15px; padding: 0px; list-style-image: url(bullet2.gif); font-size: 11px; font-weight: bold; color: #6c6c76; vertical-align: top;}
#packcont .ul1_r ul li {margin: 3px 0 3px 0;}

.pack4_dwn {background: #FFF url(p4_dwn.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 17px;}
.pack4_bottom {background: #FFF url(p4_bottom.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 41px;}
.pack4_bottom img {margin: 6px 0 0 56px;}


.pack1_up {background: #FFF url(p1_up.jpg) 0 0 no-repeat; vertical-align: top;}
.pack1_bg {background: #FFF url(p1_bg.jpg) 0 0 repeat-y; vertical-align: top;}
#packcont .ul2_r {float:right; width: 200px; margin: 0; padding: 0px;}
#packcont .ul2_r ul {margin: 0px 5px 0px 15px; padding: 0; list-style-image: url(bullet3.gif); font-size: 11px; font-weight: bold; color: #6c6c76; vertical-align: top;}
#packcont .ul2_r ul li {padding: 5px 0 5px 0;}

.pack1_dwn {background: #FFF url(p1_dwn.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 17px;}
.pack1_bottom {background: #FFF url(p1_bottom.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 41px;}
.pack1_bottom img {margin: 6px 0 0 56px;}


.pack2_up {background: #FFF url(p2_up.jpg) 0 0 no-repeat; vertical-align: top;}
.pack2_bg {background: #FFF url(p2_bg.jpg) 0 0 repeat-y; vertical-align: top;}
.ul3_r {float:right; width: 200px; margin: 0; padding: 0;}
#packcont .ul3_r ul {margin: 0px 10px 0px 15px; padding: 0px; list-style-image: url(bullet4.gif); font-size: 11px; font-weight: bold; color: #6c6c76; vertical-align: top;}
#packcont .ul3_r ul li {padding: 5px 0 5px 0;}

.pack2_dwn {background: #FFF url(p2_dwn.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 17px;}
.pack2_bottom {background: #FFF url(p2_bottom.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 41px;}
.pack2_bottom img {margin: 6px 0 0 56px;}


.pack3_up {background: #FFF url(p3_up.jpg) 0 0 no-repeat; vertical-align: top;}
.pack3_bg {background: #FFF url(p3_bg.jpg) 0 0 repeat-y; vertical-align: top;}
#packcont .ul4_r {float:right; width: 200px; margin: 0; padding: 0;}
#packcont .ul4_r ul {margin: 0px 10px 0px 15px; padding: 0px; list-style-image: url(bullet5.gif); font-size: 11px; font-weight: bold; color: #6c6c76; vertical-align: top;}
#packcont .ul4_r ul li {padding: 5px 0 5px 0;}

.pack3_dwn {background: #FFF url(p3_dwn.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 17px;}
.pack3_bottom {background: #FFF url(p3_bottom.jpg) 0 0 no-repeat; vertical-align:bottom; margin: 0px; padding: 0px; height: 41px;}
.pack3_bottom img {margin: 6px 0 0 56px;}