body {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
* {
	margin:0;
	padding:0;
}
#page {
	width:952px;
	margin:40px auto;
	display:block;
	clear:both;
}
#logo {
	float:left;
	width:480px;
}
a{color:#000}
ul {
	list-style:none;
}
#menu_haut {
	height:139px;
	float:right;
	color:#666;
}
#menu_haut li {
	background:url(../img/menu_haut.gif) top center no-repeat;
	float:left;
	width:93px;
	height:139px;
	text-align:center;
	font-size:11px;
}
#menu_haut li a, #menu_haut li a:visited, #menu_haut li a:link {
	color:#666;
	height:28px;
	width:93px;
	display:block;
	text-decoration:none;
	background-position:center -130px;
	padding-top:104px;
}
#menu_haut li a:hover {
	text-decoration:none;
	font-weight:bold;
	background-position:center 0px;
}
.menu1 {
	background:url(../img/backupcd.png) no-repeat;
	_background:url(../img/backupcd.gif) no-repeat;
}
.menu2 {
	background:url(../img/cd-dvd.png) no-repeat;
	_background:url(../img/cd-dvd.gif) no-repeat;
}
.menu3 {
	background:url(../img/drive-vertual.png) no-repeat;
	_background:url(../img/drive-vertual.gif) no-repeat;
}
.menu4 {
	background:url(../img/copie.png) no-repeat;
	_background:url(../img/copie.gif) no-repeat;
	
}
.menu5 {
	background:url(../img/graveur.png) no-repeat;
	_background:url(../img/graveur.gif) no-repeat;
}
#menu {
	clear:both;
	background:url(../img/menu.jpg) top repeat-x;
	height:48px;
	display:block;
}
#menu li {
	float:left;
	padding:0 25px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
}
#menu li a, #menu li a:visited, #menu li a:link {
	color:#fff;
	text-decoration:none;
}
#menu li a:hover {
	text-decoration:underline;
}
#content {
	background:url(../img/content.jpg) bottom repeat-x;
	clear:both;
	display:table;
	margin-bottom:40px;
	float:left;
	width:100%;
}
#content_left {
	width:714px;
	float:left;
}
#content_left img {
	float:left;
	margin:5px 10px;
}
#content_left p {
	padding:20px;
}
#content_left ul {
	width:450px;
	float:right;
}
#content_left li {
	background:url(../img/li_rouge.gif) no-repeat;
	padding-left:15px;
	margin:2px 0;
}
#content_right {
	width:235px;
	float:right;
}
.content_right_div {
	background:#c5c5c5 url(../img/left.jpg) repeat-x top;
	padding:10px 5px;
	margin-bottom:15px;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	font-size:12px;
}
#footer p{
	width:200px;
	margin-left:10px;
	float:left;
       font-weight:normal;
}

#footer a{	
	color:#000;
	text-decoration:none;
	font-weight:bold;
	float:left;
	margin:0 30px;
}
#footer p a{
	font-weight:normal;
}
#footer a:hover{
	text-decoration:underline;
}

h1 {
	font-size:30px;
	font-weight:bold;
}
h2 {
	font-weight:bold;
	font-size:14px;
}
h4 {
	color:#fff;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#a8a8a8;
}
h5 {
	background:url(../img/check_rouge.gif) repeat-x;
	height:29px;
	line-height:29px;
	display:block;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	clear:both;
}
.gris {
	color:#666666;
}
.rouge {
	color:#cc3333;
}
#prix {
	font-size:25px;
	clear:both;
	text-align:center;
	width:250px;
	float:left;
}
a.btn, a.btng {
	background: transparent url(../img/btn_right.gif) no-repeat scroll top right;
	color:#fff;
	font-weight:bold;
	display: block;
	float: left;
	line-height: 29px;
	padding: 0 4px 0 0;
	text-decoration: none;
	cursor:pointer;
	font-weight:normal;
}
a.btng {
	background: transparent url(../img/btn_right_g.gif) no-repeat scroll top right;
	margin:0 30px;
}
a.btn span, a.btng span {
	background: transparent url(../img/btn_left.gif) no-repeat;
	display: block;
	line-height:27px;
	height:27px;
	_width:60px;
	padding:0px 17px 0px 20px;
	margin:0;
	text-align:center;
	font-size:14px;
}
a.btng span {
	background: transparent url(../img/btn_left_g.gif) no-repeat;
}
#bouton {
	padding:30px 0;
}
.a_loop {
	color:#848182;
	background:url(../img/loop.gif) left top no-repeat;
	display:block;
	height:60px;
	padding-left:15px;
}
.tablacopar {
	position:relative;
	top:-30px;
	margin-bottom:15px;
}
.newsletter {
	font-size:12px;
	clear:both;
	padding-bottom:20px;
}
.newsletter a {
	font-size:12px;
}
.newsletter p {
	display:block;
	clear:both;
}
.newsletter form {
	margin:0 auto;
	width:90%;
}
.newsletter input, .promo input{
	font-size:14px;
	border:#666 1px solid;
	padding:2px;
	margin-top:3px;
}
.ok {
	position:relative;
	top:8px;
	border:none;
}
#carte{
	width:200px; 
	padding:30px 0; 
	clear:both; 
	margin:0 auto;
}

a.tipper {
   position: relative;
   color: black;
   text-decoration: none;
   z-index: 400;

}
a.tipper span {
   display: none; 
}
a.tipper:hover {
   z-index: 400;
}
a.tipper:hover span {
   display:block; 
   position: absolute;
   width:200px;
   top: 130px; 
   left: 20px;
   background: white;
   color:#373737;
   padding: 3px;
   border: 1px solid #9e2527;
   border-left: 4px solid #9e2527;
   z-index:501;
   text-align:left;
   text-decoration:none;
   font-weight:normal;
	font-size:11px;
}
#footer p a.ftipper:hover span {top: 30px;}
.qtecontent {
	background:none;
}