body

{
	margin:auto;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-color: #fff;
	background-image: url(images/top_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

h2{

padding-left:30px;

padding-top:10px;

padding-bottom:10px;

margin:0px;

text-indent:1cm;

text-decoration:none;

font-size:18px;

color:#000000;

}

h3{

padding-left:30px;

padding-top:10px;

padding-bottom:10px;

margin:0px;

text-decoration:none;

text-indent:1cm;

font-size:18px;

font-style:italic;

color:#000000;

}

h4{

padding-left:140px;

padding-top:20px;

padding-bottom:20px;

margin:0px;

text-indent:1cm;

text-decoration:none;

font-size:18px;

color:#000000;

}

p{

text-align:justify;


font-size:12px;

line-height:18px;

padding-left:70px;

padding-right:60px;
padding-bottom:10px;

margin:0px;

}

p.blue{

color: #0000FF;

}

.img{

width:auto;

margin:auto;

text-align:center;

}

span.bold_blue{

text-decoration:underline;

font-weight:bold;

}

#main_container{

width:866px;

height:auto;

margin:auto;

}

#top_banner{

width:866px;

margin:auto;

height:110px;

}

.top_left{

width:20px;

height:110px;

float:left;

padding:0px;

margin:0px;

}

.top_center{

width:826px;

height:110px;

float:left;

padding:0px;

margin:0px;

background:url(images/top_center.png) repeat-x center;

}

.top_right{

width:20px;

height:110px;

float:left;

padding:0px;

margin:0px;

}

#logo{

float:left;

width:auto;

padding:10px 0 0 10px;

cursor:pointer;

}

#head_title{
	float:left;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:18px;
	color:#bd161e;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 60px;

}
#logo2{
	float:right;
	width:auto;
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;

}
/*------top menu---------*/

#top_menu{
	width:860px;
	margin:auto;
	padding:0;
	height: 22px;
	display: block;

}

ul.menu {
	list-style-type:none;
	display:block;
	height:22px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 73px;
}



ul.menu li {

display:inline;}



a.nav:link, a.nav:visited {
	display:block;
	float:left;
	padding:0px 4px 0 4px;
	margin:0;
	width:94px;
	height:22px;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#000;
	background-image: url(images/buton_off.jpg);
	background-repeat: no-repeat;
	background-position: center;
}



a.nav:hover {
	display:block;
	float:left;
	padding:0px 4px 0 4px;
	margin:0;
	width:94px;
	height:22px;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#000;
	background-image: url(images/buton_on.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

a.nav_current:link, a.nav_current:visited {
	display:block;
	float:left;
	padding:0px 4px 0 4px;
	margin:0;
	width:94px;
	height:22px;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#000;
	background-image: url(images/buton_on.jpg);
	background-repeat: no-repeat;
	background-position: center;
}



/*-------------------------center boxxx------------------*/

#center_box{
	width:860px;
	padding:0px;
	margin:auto;
	height:auto;
	background-image: url(images/center_center.jpg);
	background-repeat: repeat-y;
	background-position: center top;

}

.center_left{
	width:900px;
	height:17px;
	background-image: url(images/center_left.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

.center_center{
	width:860px;
	height: auto;
	margin:auto;
	background-image: url(images/center_left.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.center_right{
	width:860px;
	height: 20px;
	background-image: url(images/center_right.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

#box_support{

width:320px; height:320px;float:left; padding:15px 0 0 25px; margin-left:15px;

background:url(images/box_support.jpg) no-repeat center;

background-position:10px 145px;

}

.3dbox{

width:300px; height:300px;float:left; padding:0;

}

/*right list---*/

#right_list{

width:auto;

float:left;

margin:20px 0 0 50px;

}

.button_blue{
clear:both;
float:left;

padding-top:12px;
margin-left:20px;
line-height:18px;

background:url(images/button_blue4.jpg) no-repeat center;
background-position:0px 0px;

text-align:center;

width:290px;
height:70px;
}

.button_blue strong{
	color:#990000;
	font-size:18px;
	font-weight: normal;
}
.button_blue a{

text-decoration:none;

font-weight:bold;

color:#000000;

font-size:11px;

}
#right2{
	width:240px;
	float:left;
	margin:0px;
	padding-top: 20px;
	padding-left: 40px;

}
#right2 ul{
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}
#right2 ul li a{
display:block;  padding:4px 0 0 30px; margin:10px;width: auto; height:20px; text-align:left; line-height:16px; font-size:18px; color:#231F20;

text-decoration:none;background:url(images/bullet.jpg) no-repeat left;
}
#right2 ul li a:hover{
	display:block;
	width: auto;
	height:20px;
	text-align:left;
	line-height:16px;
	font-size:18px;
	color:#231F20;
	text-decoration:none;
	background:url(images/bullet2.jpg) no-repeat left;
	margin: 10px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
#right2 ul li.current a{
display:block;  padding:4px 0 0 30px; margin:10px;width: auto; height:20px; text-align:left; line-height:16px; font-size:18px; color:#231F20;

text-decoration:none;background:url(images/bullet2.jpg) no-repeat left;
}

#ecrans
{float:left;
width:570px;
padding-left:0px;
padding-top:40px;
}
.ecran{
float:left;
padding-left:15px;
}

/*-------right3*/
#right3, #right3Contact{

width:400px;

float:left;

margin:20px 0 0 50px;

}
#right3 ul{
list-style-type:none; float:left; display:block; height: auto;  margin:0px; padding:3px 0 20px 10px;}
#right3 ul li {
display:block;  padding:4px 0 0 30px; margin:10px; height:20px; text-align:left; line-height:16px; font-size:18px; color:#231F20;

text-decoration:none;background:url(images/bullet.jpg) no-repeat left;
}
#right3 ul li a{
text-decoration:none;
color:#231F20;
}


/*---------------right list-------------*/

ul.right_list {

list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}



ul.right_list li {

display:inline;}



a.nav_list:link, a.nav_list:visited {

display:block;  padding:14px 0 0 30px; margin:10px;width: auto; height:20px; text-align:left; line-height:16px; font-size:18px; color:#231F20;

text-decoration:none;background:url(images/bullet.jpg) no-repeat left;}



a.nav_list:hover {

display:block;  padding:4px 0 0 30px; margin:10px;width: auto; height:20px; text-align:left; line-height:16px; font-size:18px; color: #3366CC;

text-decoration:none;background:url(images/bullet.jpg) no-repeat left;}



/*fading text-----------*/

.fading_text{
	width:400px;
	height:160px;
	float:right;
	margin-right: 35px;
}





.cd_s{

clear:both;

width:820px;

height:36px;

margin:auto;

border-bottom:1px #CCCCCC solid;

background:url(images/cd-s.jpg) no-repeat right;

}

/*------contact form------*/

.clear {

clear:both;

overflow:hidden;

height:4px;

}

#login{

float:left;

width:250px;

padding:10px 10px 0 100px;

color: #000000;

}

.input{

width:180px;

height:13px;

color:#FFFFFF;

font-size:11px;

background-color:#999999;

border:1px #fff solid;

float:left;

}

.textar{

width:220px;

height:70px;

background-color:#999999;

border:1px #fff solid;

font-size:12px;

color:#FFFFFF;

float:left;

}

.right{

float:left;

padding-left:90px;

margin-top:5px;

}

.right a{

text-decoration:none;

color: #990000;

font-size:16px;

}

.contact_info{

float:left;

width:250px;

padding:15px;

color: #000000;

font-size:12px;

line-height:20px;

border-left:1px #CCCCCC dashed;

}
/*------------produits table-----*/

#produits{
width:840px;
height:auto;
margin:auto;
}

.prod_title{
	font-size:14px;
	font-weight:bold;
	width: 200px;
	float: left;
	padding-top: 35px;
	padding-left: 10px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.prod_box{
width:840px;
padding:5px;
height: auto;
float:left;
margin-bottom:10px;
}
.prod_pic{
width:140px;
float:left;
}
.prod_descr{
	width:300px;
	float:left;
	line-height:14px;
	font-weight:bold;
	padding-top:10px;
	padding-left: 25px;
	clear: both;
}
.prod_price{
	width:275px;
	float:left;
	font-weight:bold;
	font-size:20px;
	text-align:left;
	padding-top:35px;
	color: #CB2229;
	padding-left: 20px;
	height: 65px;
}
.prod_payment{
	padding-top:10px;
	width:220px;
	float:left;
	padding-left: 45px;
}
.prod_buy{
padding-top:10px;
width:200px;
float:left;
}
.prod_box ul{
list-style:none;
padding:0px;
margin:0px;
}
.prod_box ul li{
	padding:0px;
	margin:0px;
	line-height:45px;
	height:40px;
	list-style-image: none;
	list-style-type: none;
}
.prod_box ul li a{
text-decoration:none;
padding-left:15px;
}
/*--------------------------------*/
table{
margin:auto;
font-size:12px;

}
th{background-color:#7FD8FF; color: #000033;}
td, th{
padding:5px;
text-align:left;
}
.odd{
background-color: #fff;
}
.even{
background-color: #DFDFDF;
}

/*---------footer menu---------*/
#bottom_buttons{

width:700px;
margin:auto;

}
#bottom_buttons ul{
list-style-type:none;  display:block; width:auto; height: auto;  margin: auto; padding:0px;}
#bottom_buttons ul li a{
display:block;float:left;  padding:13px 0 0 0; margin:10px;text-align:center; font-size:18px; color:#231F20;
text-decoration:none;
}
li.b1 a {background:url(images/button_blue.jpg) no-repeat left; width:125px; height:40px;}
li.b2 a {background:url(images/button_blue.jpg) no-repeat left; width:125px; height:40px;}
li.b3 a {background:url(images/button_blue2.jpg) no-repeat left; width:250px; height:40px;}
li.b4 a {background:url(images/button_blue.jpg) no-repeat left; width:125px; height:40px;}




/*---toolitp-----*/
div#qTip {
 padding: 5px;
 border: 1px solid #666;
 border-right-width: 1px;
 border-bottom-width: 1px;
 display: none;
 background: #C92526;
 color: #FFF;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
/*------------------footer------------*/

#footer{

width:660px;

height:80px;

margin:auto;

padding-top:10px;

background:url(images/contact_icon.jpg) no-repeat left;

text-align:center;

font-size:12px;

font-weight:bold;

color:#000000;

}

#footer a{

text-decoration:none;

color:#58B7DD;

}
#produits .prod_box .prod_payment li {
	list-style-type: none;
	line-height: 40px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}
#produits .prodBox {
	display: block;
	background-image: url(images/product_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 840px;
}
#produits .prodBox .prodTitle {
	display: block;
	text-align: left;
	height: 33px;
	background-image: url(images/prodTitle_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 810px;
	padding-top: 10px;
}
#produits .prodBox .prodText {
	color: #333333;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 440px;
	margin-left: 15px;
	padding-top: 15px;
	height: 150px;
	background-image: url(images/prodImg_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#produits .prodBox .prodContent {
	display: block;
	width: 810px;
	text-align: left;
	height: 160px;
}
#produits .prodBox .prodContent .prodPrice {
	display: block;
	width: 350px;
	float: right;
	margin-top: 10px;
}
#produits .prodBox .prodContent .prodPrice table {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
#produits .prodBox .prodContent .prodPrice .priceTag {
	font-weight: bold;
	color: #990000;
	font-size: 22px;
	padding-left: 15px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}
#produits .prodBox .prodContent .prodPrice td, th {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#produits .prodBox .prodContent .prodPrice .payMethod {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
#produits #mailProd {
	background-image: url(images/prodImg_02.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
}
#produits .prodBox .prodContent #mailProd .gratuit {
	color: #990000;
	font-size: 16px;
}
#right3 .button_blue .bigger {
	font-size: 16px;
}
#right3 .button_blue sup {
	font-size: 11px;
}
#center_box .center_center .pg {
	display: none;
}
#center_box .center_center #pg1 {
	display: block;
}
.priceTag sup {
	font-size: 14px;
	padding-left: 3px;
}
.formBox {
	display: block;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 15px;
}
#main_container #center_box .center_center .formBox .acheterLeft {
	display: block;
	width: 320px;
}
.formBox .acheterRight {
	display: block;
	width: 430px;
	float: right;
}
.formBox .acheterRight .rightTitle{
	font-size: 12px;
	display: block;
	padding-top: 7px;
	padding-left: 5px;
	padding-bottom: 10px;
}

.formBox .acheterRight .rightOpt, .formBox .acheterRight .rightOpt2 {
	font-size: 12px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.rightOpt #cd {
	width: 12px;
	height: 12px;
}
.rightOpt strong {
	font-size: 12px;
}
.acheterRight .rightOpt2 {
	padding-left: 35px;
}
.acheterLeft .submitBtn {
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contactTxt {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	text-align: center;
	padding-bottom: 25px;
	line-height: 20px;
	padding-top: 10px;
}
#right3Contact {
	width: 400px;
	padding-bottom: 15px;
	margin-left: 25px;
	background-image: url(images/contact_icon.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.contactTxt a {
	color: #58B7DD;
	text-decoration: none;
}
.formBottom {
	display: block;
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 15px;
}
.formBottom .rightTitle2 {
	display: block;
	float: right;
	width: 427px;
}
.formBottom .submitBtn {
	display: block;
	width: 315px;
	text-align: right;
}
