/* CSS of compario.aspx, page that compares 5 products */

div#legende{padding:5px 0 10px 10px}

span#titre_page
{
    color: #e87c00;
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 1.25em;
}

/************************************header of table *************************************/
div.CompareTableContainer
{width:100%;
}


#TB_HeaderTableau /*table holding the header*/ {
	margin: 0;
	padding: 0;
	margin-left: 25px;
	border: none;
	border-collapse: collapse;
}

#TB_HeaderTableau td.TDVFH_td
{
	border: 1px solid silver;
	width: 130px;
}

.TDFHFH_td /*first column*/ {
	width: 130px;
	border-right: 1px solid silver;
	/*vertical-align: top;
	border-bottom: Silver 1px solid;*/
}

.TDFHV_onglet /*top of header, holds delete button */ {
	width: 110px;
	height: 23px;
	background: transparent url('/site_images/selector/top_table.gif') no-repeat scroll top left;
	padding: 4px 0 0 0;
	margin: 0;
	text-align:center;
}

.TDFHV_conteneur, .TDFHV_conteneur_baseColumn /*content of header (image & model) */ {
	padding-top: 10px;
	border-right: 1px solid silver;
	margin: 0;
	width: 110px;
	height: 120px;
	font-size: 1em;
	text-align:center;
}

.TDFHV_conteneur_baseColumn
{
   	background: transparent url('/site_images/selector/table_back.gif') repeat-y scroll top left;
}

/************************************content of table *************************************/

#TRV_MiddleTableau_Middle td.TDVFH_td /*first column of content, descriptions */ {
	width: 125px;
	vertical-align: middle;
	border-bottom: Silver 1px solid;
	border-left: Silver 1px solid;
	border-right: Silver 1px solid;
	font-size: 1em;
	height: 20px;
	padding-left:5px;
}
.TDVFH_td a /*Concerne l'ensemble de ce TD */ {
	text-decoration: none;
}
.TDVFH_td a.info
{
	display:block;
	color:#535A5D;
	background: transparent url('/site_images/selector/info.gif') no-repeat scroll top right;
	padding: 2px 15px 2px 2px;  
	cursor:help;
	font-weight:bold;	
}

.baseColumn, .alterColumn /* property values */
{
    border: Silver 1px solid;
    width: 110px;
    text-align:center;
}
.baseColumn
{
   	background: transparent url('/site_images/selector/table_back.gif') repeat-y scroll top left;
}

/*show/hide row */
.TRV_MiddleTableau_ShowHide /* Div qui permet de faire apparaitre ou non les sous caractéristiques*/ {
	padding: 0;
	margin: 0;
    background: transparent url('/site_images/selector/logo_moins.gif') no-repeat scroll 3px 5px;
	z-index: 300;
	cursor: pointer;
}

.TRV_MiddleTableau_Header_Left_Left /*Cellule laissant la place pour l'onglet*/ {
	width: 25px;
    border-bottom: Silver 1px solid;
	border-top: Silver 1px solid;
	border-left: Silver 1px solid;
}
.TRV_MiddleTableau_Header_Middle, .TRV_MiddleTableau_Header_Middle_baseColumn /*Les autres cellules du tableau */ {
	border-bottom: Silver 1px solid;
	border-top: Silver 1px solid;
	border-right: Silver 1px solid;
	width: 110px;
}
.TRV_MiddleTableau_Header_Middle_baseColumn /*Les autres cellules du tableau */ {
   	background: transparent url('/site_images/selector/table_back.gif') repeat-y scroll top left;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//  Explications (les fichiers concernés sont dans les entêtes de chaque partie) :
//  TB : Le tableau de comparaison général
//  TRFH : La première ligne du tableau
//  TDFHFH : First Header, First Header : 1ére case en haut à gauche du tableau
//  TDFHV: First Header, Value : Les cases de titre des colonnes-produit
//  TRRH: Ligne de rappel des caractéristiques repétée régulièrement dans le tableau (non présent ici)
//  TRV : Un bloc-ligne du tableau : 1 caractèristique générale et ses sous caractéristiques
//  TDVFH : 1ère cellule des lignes de sous caractérisitiques
//  TDVV : Les autres cellules des lignes de sous caractéristiques
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/****************************  TRV (voir explication en haut du css)  *********************************/
/***********************  utilise UIControls/DivComparaison/CCompTDV.ascx  ****************************/

#TRV_MiddleTableau_Header /*Tableau qui contient le titre de la caractéristique générale */ {
	margin: 0;
	padding: 0;
	border: none;
	height: 30px;
	border-collapse: collapse;
}
#TRV_MiddleTableau_Header td /*Tableau qui contient le titre de la caractéristique générale */ {
	padding: 0;
}

html > body .TRV_MiddleTableau_Header_Left_Left /*Pour rendre compatible IE et Firefox */ {
	width: 24px;
}
.TRV_MiddleTableau_Header_Left_Right /*La cellule gauche de ce tableau avec entre autre le nom de la cara  */ {
	border: Silver 1px solid;	
	font-weight:bold;
	/*font-size:90%;*/	
	vertical-align: middle;
	width: 129px;

}
html > body .TRV_MiddleTableau_Header_Left_Right {
	width: 130px;
}

#TRV_MiddleTableau_Middle /*Tableau qui contient les sous caractéristiques */ {
	margin: 0;
	margin-left: 25px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-bottom: Silver 1px solid;
}
#TRV_MiddleTableau_Middle tr:hover
{
    background-color:#ebf4f9;
}

#TRV_MiddleTableau_Middle tr:hover td
{
    background:#ebf4f9;
    
}

#TRV_MiddleTableau_Middle td /*Tableau qui contient les sous caractéristiques */ {
	padding: 0;
	margin: 0;
	border: Silver 1px solid;
}