/* 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 :.8em;
/**/     font-family: "arial" , verdana, sans-serif;
/**/     font-weight: bold;
/**/     width:550px;
/**/     margin:0;
/**/     padding:0;
/**/     /*margin-left:auto;*/
/**/    /* margin-right:auto;*/
/**/ }
/**/     
/**/ html>body #cpa /*Pour rendre compatible IE et Firefox
/**/ {
/**/     width:auto;
/**/     min-width:550px;
/**/ }
/**/     
/**/ #cpa a
/**/ 
/**/ {
/**/     color:#0084b5;
/**/ }
/**/ 
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/************************************  Le bouon imprimer  *********************************************/
/**/
/**/
/**/ .imprimer
/**/ {
/**/     float:right;
/**/     border-collapse:collapse;
/**/ }
/**/ 
/**/ .imprimer td
/**/ {
/**/    margin:0;
/**/     padding:0;
/**/ }
/**/ .imprimer a
/**/ {
/**/     font-size :1em;
/**/     font-family: "arial" , verdana, sans-serif;
/**/     font-weight: bold;
/**/     color:#006fa6;
/**/ }
/**/ 
/**/ .imprimer_gauche /*coté gauche de la barre avec le logo
/**/ {
/**/     background-image:url("/comparer.images/logo_imprimer_gauche.gif");
/**/     background-repeat:no-repeat;
/**/     background-color:white;
/**/     height:40px;
/**/     width:39px;
/**/ }
/**/ .imprimer_milieu /*milieu de la barre ou apparait le lien
/**/ {
/**/     background-image:url("/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.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:25px;
/**/     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: Silver 1px solid;
/**/ }
/**/ 
/**/ 
/**/ .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 silver;
/**/     height: 120px;
/**/     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.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.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.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: Silver 1px solid;
/**/ }
/**/ 
/**/ .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.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 silver;
/**/     margin: 0;
/**/     width:110px;
/**/     height: 120px;
/**/ }
/**/ .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: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;
/**/ }
/**/ .TRV_MiddleTableau_Header_Left_Left /*Cellule laissant la place pour l'onglet
/**/ {
/**/     width:25px;
/**/ }
/**/ 
/**/ 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-bottom: Silver 1px solid;
/**/     border-left: Silver 1px solid;
/**/     font-weight:bold;
/**/     border-right: Silver 1px solid;
/**/     vertical-align: middle;
/**/     width:129px;
/**/     color:#ff7800;
/**/ }
/**/ html>body .TRV_MiddleTableau_Header_Left_Right
/**/ {
/**/     width:130px;
/**/ }
/**/ .TRV_MiddleTableau_Header_Middle /*Les autres cellules du tableau
/**/ {
/**/     border-bottom: Silver 1px solid;
/**/     border-right: Silver 1px solid;
/**/     color:Black;
/**/     width:110px;
/**/ }
/**/
/**/ #TRV_MiddleTableau_Middle /*Tableau qui contient les sous caractéristiques
/**/ {
/**/     margin:0;
/**/     margin-left:25px;
/**/     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.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: Silver 1px solid;
/**/     border-left: Silver 1px solid;
/**/     border-right: Silver 1px solid;
/**/     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: Silver 1px solid;
/**/     border-right: Silver 1px solid;
/**/     font-size:0.8em;
/**/ }
/**/
/**/ 
/**/ 
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/