/* CSS Document - Powered by Power Multimedia */
body {
	font: normal 62.5% "Verdana",sans-serif;
}
TD {
	FONT-FAMILY: Arial, Geneva, Swiss, SunSans-Regular; FONT-SIZE: 11px
}
A {
	COLOR: black; FONT-arial: bold; TEXT-DECORATION: none;
}
.miniscules {
	/*text-transform:uppercase;
	text-align: justify;*/
	text-transform:lowercase;
	font-size:10px;
}

.caption_list_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.barre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: line-through;
	margin: 2px;
	padding: 2px;
	color: #CC0000;
}

A:hover {
	COLOR: #0000ff; TEXT-DECORATION: underline
}
A:visited {
	
}
h1 {
	font-size: 1px;
	color: #FFFFFF;
}
.caption_ref {
	font-size:10px;
	text-transform:uppercase;
}

.titre_produit {
	text-transform:capitalize;
}
.statut_produit {
color:#CC0000;
font-weight:bold;
}
.titre_famille {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000033;
	/*font-variant: small-caps;*/
}

.titre_cat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000033;
	/*font-variant: small-caps;*/
	text-align:left;
}
.cadre_titre {
	border: 1px solid #d6d6d6;
	height: 24px;
}
.texteCache {
	DISPLAY: none; FONT-SIZE: 10px; VISIBILITY: hidden; COLOR: #ffffff; LINE-HEIGHT: 0px; TEXT-DECORATION: none
}
.hiddenDiv {
	DISPLAY: none; FONT-SIZE: 10px; VISIBILITY: hidden; COLOR: #ffffff; LINE-HEIGHT: 0px; TEXT-DECORATION: none
}
.table_border1 {
	border: 1px solid #CCCCCC;
}
TD {
FONT-FAMILY: Arial, Geneva, Swiss, SunSans-Regular; FONT-SIZE: 11px
}
A {
COLOR: black; FONT-arial: bold; TEXT-DECORATION: none
}
A:hover {
COLOR: #0000ff; TEXT-DECORATION: underline
}
.lien{ 
color:#0000FF; text-decoration:none
}
.lien:hover{ 
color:#0000FF; text-decoration:underline
}
.motcle_head {
	background-color: #FFFFFF;
	height: 20px;
	width: 120px;
	border: 1px solid #000033;
}
.recherche_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000033;
}
.red_select {
	background-color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.prix_actuel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003300;
}
.arriere_remise {
	background-color: #FFFFFF;
	border: 1px dashed #666666;
	padding: 2px;
}
.subnav {
	float: left;
	width: 153px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.subnav li a {
	color: #000000;
	display: block;
	width: 147px;
	text-decoration: none;
	background-color: #FBFBFB;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 10px;
}
.subnav li a:hover {
	color: #333333;
	background-color: #E8E8E8;
}
.subnavrayon {
	float: left;
	width: 153px;
}
.subnavrayon ul {margin: 0; padding: 0;}
.subnavrayon li {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}
.subnavrayon li a {
	color: #000000;
	display: block;
	width: 147px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 11px;
	font-weight: bolder;
}
.subnavrayon li a:hover {
	color: #2071BE;
	background-color: #D9ECFF;

}
.separator {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-style:dashed;
	border-collapse:collapse;
}
.list {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	border: 1px solid #333333;
	background-image:url(http://www.transplanet.fr/image_gif/tfshd.gif);
}
.bordure {
	border: 2px dotted #009900;
}
.button {
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-image: url(http://www.transplanet.fr/image_gif/bgbnt.gif); 
	background-color:#3366CC; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #0099FF; 
	border-right-color: #000000; 
	border-bottom-color:#000000; 
	border-left-color: #0099FF;
}
.txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000; 
	border: 1px solid #cccccc; 
	background-image:url(http://www.transplanet.fr/image_gif/tfshd.gif);
}
.hiden_keys {
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}.cadre_bleu_sat{
	border: 1px dotted #6666CC;
}
.ligne_point {
	border: 1px dotted #6666CC;
}
.ligne_solide {
	border: 1px solid #99CC00;
}
.cadre_prix {
	background-color: #99CC00;
	height: 20px;
	width: 30px;
	border: 1px solid #FFFFFF;
	margin: 4px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.ligne_couleur {
	height: 20px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;
}
.ligne_couleur_bas {
	height: 20px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99CC00;
}
.header_famille {
color:#2071BE;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}

.header_colonne{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2071be;
	font-weight:bold;	
}

/**************************** Menu Accordéon **************************/
.clear{
	clear:both;
}

#mainContainer{
	width:760px;
	text-align:left;
	margin:0 auto;
	height:100%;
}

#leftMenu{
	width:153px;
	/*padding-left:5px;
	padding-right:5px;*/
	float:left;
	text-align:left;
}
#mainContent{
	width: 520px;
	padding-right:10px;	
	float:left;
}
/*
General rules
*/

#dhtmlgoodies_slidedown_menu li{
	/*list-style-type:none;
	position:relative;*/
	width: 145px;
	list-style: none;	
}
#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;
	width: 145px;

}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:145px;	
	visibility:hidden;
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	
	color: #000000;
	display: block;
	width: 145px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 10px;
}

#dhtmlgoodies_slidedown_menu a:hover {
	color: #2071be;
	width: 137px;
	background-color: #d9ecff;
	padding-left: 5px;
}

/*
A tags 
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top:1px;
	border-bottom:1px solid #C1D5E7;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:1px;
	color:#000000;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
	margin-top:1px;
	color: #000000;
	display: block;
	width: 153px;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 11px;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
	margin-top:1px;
	color:red;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
	margin-top:1px;
}

/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:5px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
	margin-left:10px;
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
	margin-left:15px;
	padding:1px;
}
/****************************FIN Menu Accordéon**************************/
/*********************************pack promo***********************************/
.pack-desc{
  color:#7C7C7C;
 font-size:11px;
 }
.designation{
color:#000000;
font-size:12px;
font-weight:bold;
background-color:#E5E5E5;
height:22px;
border-bottom:1px solid #c1d5e7;
 }
.pack-content{
color:#000000;
font-size:12px;
font-weight:bold;
 }
.pack-price {
color:red;
font-size:14px;
font-style:normal;
font-weight:bold;
}
.pack-diff {
color:#92B214;
font-size:15px;
font-weight:bold;
}
/*******************************************************************************************************/