a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

body,td,th {

	color:#036;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:16px;
	line-height:1.2em;
	margin: 10px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/********************************************************************************************************/
.linknew 
{
 background-color:#D8D8D8;
}
	
.linknew:hover{
  background-color:#CADBFF;
  border: thin solid;
  border-color:#F39;
}

.linktext 
{
	color:#036;
	text-decoration: none;
}

/********************************************************************************************************/
.habillage
{
 background: url("/image/habillage1.jpg") repeat;
    height: 100% !important;
    width: 100% !important;
	position: fixed !important;
   	display: block;
	z-index::-20;	
}

.tvhcontainer {
	width: 990px!important;
	position: relative;
	background:#FFFFFF;
	border: 2px solid #F3C; 
	padding: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(F, 3, C, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(F, 3, C, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(F, 2, C, 0.6);  	

}

.blankdiv
{
   	width: 10%;
   	height: 45px;

}
/****************************************************************************************************/
/********************************** Carousel ********************************************************/
.html_carousel {
	text-align:center;
    position: relative;
	border: thin solid;
	border-color:#B7CEFF;
	margin-bottom: 5px;
}
.html_carousel div.slide {
	position: relative;
}
.html_carousel div.slide div {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 40%;
	display:none;
	position: absolute;
	bottom: 0;
}
.html_carousel div.slide h4 {
	font-size: 15px;
	padding: 5px 0 0 5px;
}
.html_carousel div.slide p {
	font-size: 12px;
	padding: 0 0 5px 20px;
}
.html_carousel div.slide h4, .html_carousel div.slide p {
	color: white;
	margin: 0;
}
div.thumbnails {
	text-align: center;
}
div.thumbnails img {
	cursor: pointer;
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	width: 50px;
	display: inline-block;
}
div.thumbnails img:hover {
	background-color: #eee;
}
div.thumbnails img.selected {
	background-color: #ccc;
}
.clearfix {
	float: none;
	clear: both;
}
a.prev, a.next {
	background: url(/image/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 60px;
}
a.prev {			left: 0px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: 0px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
/****************************************************************************************************/
.produit 
{
	width: 105px;
	margin: 3px;	
	padding: 4px;		
	float:left;
	border:thin;
	background-color:#CCC;
	border-color:#9FBEFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);	
	text-align:center;
}

.produit:hover{
  padding: 3px;	
  background-color:#CADBFF;
  border: thin solid;
  border-color:#F39;
}

.imageproduit
{
	width: 110px;
	height: 110px;
}

.Prix 
{
	color: #F00;
}

.Prixbarre {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:line-through;
	font-size: 14px;
	text-transform: uppercase;	
	color: #039;
}
/****************************************************************************************************/
.avatar-ico
{
	text-align:left;
	border:#666 double;
	border: 1px solid #ccc;
	background-color: white;
	padding: 4px;
	margin: 0px 3px 3px 3px;
	display: inline-block;
	float:left;
}
/****************************************************************************************************/
.notmsg {
	position:relative;
	width:50px;
	height:50px;
}
.notmsg a{  text-decoration:none; 
 }
.notmsg img{ border:none; }
.notmsg span{ position:absolute; top:10px; left:18px; 
				width:18px;
				height:18px;
				padding:2px;
				display:block;
				background:#F00;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				color:#FFF;
				font-weight: bold;
}
/****************************************************************************************************/
.produitcolor
{
	position:relative;
}
.produitcolor span
{ 	position:absolute; top:-40px; left:5px; 
	border:#666 solid thin;
	width:35px;
	height:35px;
	padding:2px;
	display:block;

}

.produitcolor span img
{ 	width:35px;
	height:35px;	
	display:block;
}
/***************************************************************************************/
.dropfile{  border:3px dashed #CDCACA !important;	color:#ABA9A9 !important;	display:block !important;	float:left !important;	height:101px !important;	width:150px !important;	position:relative !important;	margin-bottom:6px;	margin-right:5px;	}
.dropfile img{  position:absolute;	z-index:10;	width:150px;	height:100px;	}
.dropfile .progress{  position:absolute;	left:0;	bottom:0;	right:0;	background-color:#498CFA;	height:0;	color:#FFF;	font-weight:bold;	text-align:center;	z-index:12;	}
/*Hover state*/
.dropfile.hover{  background-color:#D6D7E5;	border-color:#3B7FED !important;	}
.dropfile.hover img{  /*+opacity:30%;*/	filter:alpha(opacity=30);	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);	-moz-opacity:0.3;	opacity:0.3;	}
.dropfile.hover .instructions{  color:#3B7FED;	}
.dropfile span.instructions{  position:absolute;	top:50%;	left:0;	right:0;	font-weight:bold;	color:inherit;	font-size:11.7pt;	height:40px;	margin-top:-21px;	text-align:center;	z-index:9;	}
/***************************************************************************************/
/****************************************************************************************************/
.artistefavoris
{
	position:relative;
}
.artistefavoris span
{ 	position:absolute; top:-50px; left:5px; 
	padding:2px;
	display:block;

}

/***************************************************************************************/
/**********************************************************************************/
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/image/star-matrix.png) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/image/star-matrix.png) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
/********************************************************/
.bloc {
    width: 97px;
    height: 67px;
    background: url(/image/number.png) no-repeat;
    float:left;
    padding-top: 30px;
    text-align: center;
    color: #767676;
    margin-right: 30px; }
.bloc strong {
      font-size: 60px;
      font-weight: bold;
      text-align: center;
      display: block;
      color: #2a3c49;
      margin-bottom: 15px; }
/********************************************************/
p {
	text-align:justify;
	margin: 5px!important;
	margin-top:15px!important;
	margin-bottom:15px!important;

	}
.centertxt {
	text-align:center;
	margin: 5px;
	margin-top:20px;
	margin-bottom:15px;

	}
/********************************************************/	
/********************************************************/
.videocontainer
{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

.videocontainer iframe
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;	left:0;
}

.thumbnails li 
{
	margin: 8px;
}

.btn
{
	margin:4px;
}

.well 
{
	margin:4px;	
}

.page-header 
{
	margin:1px;	
}

h1, h2, h3, h4, h5, h6 {
	margin:2px;
    line-height: 20px;
}
/********************************************************/
.cadrephoto
{
	margin: 4px;
	height:auto;
	padding: 5px;
	border: 1px solid #CCC; 
	-moz-box-shadow: 3px 3px 4px #888;  
	-webkit-box-shadow: 3px 3px 4px #888;  
	box-shadow:3px 3px 4px #888;
}
.cadrenews
{
	margin: 3px;
	height:auto;
	padding: 5px;
	border: 1px solid #CCC; 
	-moz-box-shadow: 3px 3px 4px #888;  
	-webkit-box-shadow: 3px 3px 4px #888;  
	box-shadow:3px 3px 4px #888;
}

.titrenews {
	text-align:center;
	margin:2px!important;
	}
/********************************************************/
.well {	padding:6px!important; 
margin:4px!important;}

.stephelp {
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding: 1px 6px 0px 6px;
margin: 3px;
text-decoration: none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #99134f 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fc3f94), to(#fc0574));
background: -moz-linear-gradient(top, #fc3f94, #fc0574);
}
.stephelp:hover {
background: #b01e8e;
color: #ffffff;
}
/********************************************************/
.previewcanvascontainer
{
	background:#999;
	width: 100%;
	height: 175px;
	border: 1px solid #555;
}

.previewcanvas
{
	background:#999;
	width: 100%;
	height: 175px;
}
/********************************************************/
[class^="icontvh-"],
[class*=" icontvh-"] {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  vertical-align: text-bottom;
  background-image: url("/CSS/images/icotvh.png");
  background-position: 22px 22px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="icontvh-"]:last-child,
[class*=" icontvh-"]:last-child {
  *margin-left: 0;
}
.icontvh-gear { background-position: 0      0;}
.icontvh-img {  background-position: -22px     0;}
.icontvh-hlp {  background-position: -44px     0;}
.icontvh-msg {  background-position: -66px     0;}
.icontvh-off {  background-position: -88px     0;}
.icontvh-clip {  background-position: -110px     0;}
.icontvh-coffee {  background-position: -132px     0;}
.icontvh-stat {  background-position: -154px     0;}
/*-------------------------------------*/
.icontvh-movie {  background-position: 0  -22px;}
.icontvh-pencil {  background-position: -22px  -22px;}
.icontvh-camera {  background-position: -44px    -22px;}
.icontvh-game {  background-position: -66px     -22px;}
.icontvh-battle {  background-position: -88px     -22px;}
.icontvh-news {background-position: -110px     -22px;}
.icontvh-concours { background-position: -132px     -22px;}
.icontvh-comment {  background-position: -154px     -22px;  }
/*-------------------------------------*/
.icontvh-basket { background-position: -0px  -44px;}
.icontvh-shop { background-position: -22px  -44px;}
.icontvh-info { background-position: -44px  -44px;}
.icontvh-star { background-position: -66px  -44px;}
.icontvh-community { background-position: -88px  -44px;}
.icontvh-error { background-position: -110px  -44px;}
.icontvh-check { background-position: -132px  -44px;}
.icontvh-calendar{ background-position: -154px  -44px;}
/*-------------------------------------*/
.icontvh-resolution { background-position: 0  -66px;}
.icontvh-heart { background-position: -22px  -66px;}