/* CSS de compario.aspx, la page de comparaison */

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//  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
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* Barre de Nav */

.navDerFilter {
	font-size: 1.2em;
}


/***********************************  Concerne la page entière  ***************************************/
#cpa {
	font-size: 1em;
	font-family:  verdana, sans-serif;
	
	width: 550px;
	/*margin-left: 10px;*/
	padding: 0; /*margin-left:auto;*/ /* margin-right:auto;*/
	border:  1px solid #DAF2F2;
}

html > body #cpa /*Pour rendre compatible IE et Firefox  */ {
	width: auto;
	min-width: 550px;
}
#cpa a {
	color: #0084b5;
}
#cpa select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C3D3D5;
	padding:2px;
	width:auto;
}
#cpa_table {
	font-size: 1em;
	font-family:  verdana, sans-serif;
	
	width: 550px;
	margin-left: 10px;
	padding: 0; /*margin-left:auto;*/ /* margin-right:auto;*/
	border:  1px solid #DAF2F2;
}

html > body #cpa_table /*Pour rendre compatible IE et Firefox  */ {
	width: auto;
	min-width: 550px;
}
#cpa a {
	color: #0084b5;
}
#cpa_table select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C3D3D5;
	padding:2px;
	width:auto;
}
#cpa_table input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C3D3D5;
	padding:2px;
}
/************************************  Le bouon imprimer  *********************************************/
.imprimer {
	float: right;
	margin-right:25px;
	
	/*border-collapse: collapse;*/
}
.imprimer td {
	margin: 0;
	padding: 0;
}
.imprimer a {
	font-size: 1em;
	font-family:  verdana, sans-serif;
	font-weight: bold;
	color: #006fa6;
}
.imprimer_gauche /*coté gauche de la barre avec le logo*/ {
	background-image: url(/comparer/comparer.images/logo_imprimer_gauche.gif );
	background-repeat: no-repeat;
	background-color: white;
	height: 30px;
	width: 30px;
}
.imprimer_milieu /*milieu de la barre ou apparait le lien*/ {
	/*background-image: url(/comparer/comparer.images/logo_imprimer_milieu.gif );
	background-repeat: repeat-x;
	background-color: white;*/
	vertical-align: middle;
}
.imprimer_droite /*coté droit de la barre */ {
	/*background-image: url(/comparer/comparer.images/logo_imprimer_droite.gif );
	background-repeat: no-repeat;
	background-color: white;
	width: 5px;*/
}
/****************************  TB (voir explication en haut du css)  **********************************/
/***********************  utilise UIControls/DivComparaison/CCompTB.ascx  *****************************/
#TB_HeaderTableau /*Tableau "haut" dans lequel se trouve seulement la 1ère ligne du tableau*/ {
	margin: 0;
	padding: 0;
	margin-left: 30px;
	border: none;
	border-collapse: collapse;
}

#TB_HeaderTableau td /*Tableau "haut" dans lequel se trouve seulement la 1ère ligne du tableau*/ {
	padding: 0;
}
/****************************  TDFHFH (voir explication en haut du css)  ******************************/
/***********************  utilise UIControls/DivComparaison/CCompTDFHFH.ascx  *************************/
.TDFHFH_td /*Concerne l'ensemble de ce TD */ {
	width: 131px;
	vertical-align: top;
	border-bottom: 1px solid #DAF2F2;
}
.TDFHFH_onglet /*Permet de mettre un onglet à ce td si nécessaire*/ {
	width: 130px;
	margin: 0;
	font-size: 1px;
	height: 20px;
}
.TDFHFH_conteneur /*Contenu proprement dit de ce td */ {
	padding-top: 10px;
	border-right: 1px solid #DAF2F2;
	height: 200px;
	margin: 0;
}
.TDFHFH_Famille /*Affiche le nom de la famille des produits que l'on compare */ {
	margin-left: 10px;
}
.TDFHFH_Legend_moins /*Affiche la légende du tableau*/ {
	font-size: 0.8em;
	vertical-align: middle;
	padding-left: 22px;
	padding-top: 5px;
	margin-left: 10px;
	height: 20px;
	background-image: url(/comparer/comparer.images/logo_moins.gif);
	background-repeat: no-repeat;
}
.TDFHFH_Legend_plus /*Affiche la légende du tableau*/ {
	font-size: 0.8em;
	vertical-align: middle;
	height: 20px;
	padding-left: 22px;
	margin-left: 10px;
	padding-top: 5px;
	background-image: url(/comparer/comparer.images/logo_plus.gif );
	background-repeat: no-repeat;
}
.TDFHFH_Legend_suppr /*Affiche la légende du tableau*/ {
	font-size: 0.8em;
	vertical-align: middle;
	padding-left: 22px;
	padding-top: 5px;
	height: 20px;
	margin-left: 10px;
	background-image: url(/comparer/comparer.images/logo_supprimer.gif);
	background-repeat: no-repeat;
}
/****************************  TDFHV (voir explication en haut du css)  *******************************/
/***********************  utilise UIControls/DivComparaison/CCompTDFHV.ascx  **************************/
.TDFHV_td /*Concerne l'ensemble de ce TD */ {
	width: 110px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #DAF2F2;
}

.TDFHV_td a /*Concerne l'ensemble de ce TD  */ {
	color: #ff7800;
}
.TDFHV_onglet /*Permet de mettre un onglet à ce td si nécessaire*/ {
	width: 110px;
	height: 20px;
	background-image: url(/comparer/comparer.images/logo_onglet_haut.gif );
	background-repeat: no-repeat;
	font-size: 1px;
	padding: 0;
	margin: 0;
}
.TDFHV_conteneur /*Contenu proprement dit de ce td */ {
	padding-top: 10px;
	border-right: 1px solid #DAF2F2;
	margin: 0;
	width: 110px;
	height: 200px;
	font-size: 0.8em;
	text-align:center;
}
.afficheFicheProduitPrix {
	color: Black;
}

/****************************  TRV (voir explication en haut du css)  *********************************/
/***********************  utilise UIControls/DivComparaison/CCompTDV.ascx  ****************************/
.TRV_frame {
	height: 400px;
	min-height: 400px;
	max-height: 400px;
	overflow: auto; /* cette propri? va permettre le scroll de ce bloc */
}
#TRV_MiddleTableau_Header /*Tableau qui contient le titre de la caractéristique générale */ {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 30px;
	border-collapse: collapse;
}
#TRV_MiddleTableau_Header td /*Tableau qui contient le titre de la caractéristique générale */ {
	padding: 0;
}
.TRV_MiddleTableau_Header_Left_Left /*Cellule laissant la place pour l'onglet*/ {
	width: 30px;
}
html > body .TRV_MiddleTableau_Header_Left_Left /*Pour rendre compatible IE et Firefox */ {
	width: 30px;
}
.TRV_MiddleTableau_Header_Left_Right /*La cellule gauche de ce tableau avec entre autre le nom de la cara  */ {
	border-bottom: 1px solid #DAF2F2;	
	border-left: 1px solid #DAF2F2;
	font-weight:bold;
	font-size:90%;
	border-right: 1px solid #DAF2F2;
	vertical-align: middle;
	width: 130px;
}
html > body .TRV_MiddleTableau_Header_Left_Right {
	width: 130px;
}

.TRV_MiddleTableau_Header_Middle /*Les autres cellules du tableau */ {
	border-bottom: 1px solid #DAF2F2;
	border-right: 1px solid #DAF2F2;
	color: Black;
	width: 110px;
}
#TRV_MiddleTableau_Middle /*Tableau qui contient les sous caractéristiques */ {
	margin: 0;
	margin-left: 30px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
#TRV_MiddleTableau_Middle td /*Tableau qui contient les sous caractéristiques */ {
	padding: 0;
	margin: 0;
}
.TRV_MiddleTableau_ShowHide /* Div qui permet de faire apparaitre ou non les sous caractéristiques*/ {
	padding: 0;
	margin: 0;
	background-image: url(/comparer/comparer.images/logo_onglet_gauche_moins.gif );
	background-repeat: no-repeat;
	
	z-index: 300;
	cursor: pointer;
}
/****************************  TDVFH (voir explication en haut du css)  *******************************/
/***********************  utilise UIControls/DivComparaison/CCompTDVFH.ascx  **************************/
.TDVFH_td /*Concerne l'ensemble de ce TD */ {
	width: 129px;
	vertical-align: middle;
	border-bottom: 1px solid #DAF2F2;
	border-left: 1px solid #DAF2F2;
	border-right: 1px solid #DAF2F2;
	font-size: 0.8em;
}
html > body .TDVFH_td /*Pour rendre compatible IE et Firefox */ {
	width: 130px;
}
.TDVFH_td a /*Concerne l'ensemble de ce TD */ {
	text-decoration: none;
	color: #006fa6;
}
.TDVFH_tbl /*Tableau pour centrer verticalement le texte (problème dû au lnkBtn) */ {
	padding: 0;
	margin: 0;
}
.TDVFH_tbl td {
	vertical-align: middle;
}
.TDVFH_tbl_suppr {
	width: 20px;
}
.TDVFH_tbl_suppr img {
	border: 0;
}
/****************************  TDVV (voir explication en haut du css)  ********************************/
/***********************  utilise UIControls/DivComparaison/CCompTDVV.ascx  ***************************/
.TDVV_td /*Concerne l'ensemble de ce TD */ {
	width: 110px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #DAF2F2;
	border-right: 1px solid #DAF2F2;
	font-size: 0.8em;
}