/* Mise ne forme du header */
div.L_V { position: absolute; display: block; top: 15px; left: 15px; width: 320px; height: 580px; border: solid 1px Gray; }
div.L_V p { text-align: center; vertical-align: middle; width: 100%; font-size: 14pt; color: Gray; padding-top: 0.5em; }

/* Mise ne forme du conténère du tableau */
div.L_V_Frame { position: absolute; top: 45px; left: 0; display: block; width: 100%; height: 500px; border-top: solid 1px Gray; border-bottom: solid 1px Gray; overflow-x: hidden; overflow-y: auto; }


/* emballage du tableau (ce qui permet de pouvoir scrollé quanc c'est trop long */
table.L_V_Table { position: relative; display: block; top: 0; left: 0; width: 100%; font-size: 10pt; font-weight: normal; color: Gray; white-space: nowrap; border: solid 0 green; }

/* Tableau des données */

/* Mise en fore de la grille. */
table.L_V_Table th, L_V_Table.L_V td { text-align: left; }
table.L_V_Table tr th { text-align: right;}
table.L_V_Table tr th, table.L_V_Table tr td { white-space: normal; border-bottom: solid 1px Gray; border-top: solid 1px White; }

/* Colonne image */
table.L_V_Table td.image { vertical-align: middle; text-align: center; padding: 2px 2px; border-left: 1px solid silver; border-right: 1px solid silver; }

/* Colonne texte */
table.L_V_Table td.ancre, .L_V_Table td.ancre { width: 100%; display: block; vertical-align: top; padding: 0.1em 0.2em 0.1em 0.2em; }
table.L_V_Table td.ancre p { text-decoration: none; color: Gray; width: 226px; display: block; font-size: 1em; text-align: left; }
table.v > ul a { width: auto; }
table.L_V_Table td.hiddenT { width: 0; display: none; }

/* Ligne sur-volée */
table.L_V_Table tr:hover { background-color: LightGrey; cursor: hand; }
table.L_V_Table thead tr:hover, table.L_V_Table tfoot tr:hover { background-color: Transparent; }

/* Ligne sélectionle */
tr.L_V_Selected th { background-color: #EBB; background-image: url(Images/menu/SousMenu_H.gif); background-position: 50% 50%; background-repeat: no-repeat; }
tr.L_V_Selected td { background-color: #F2DCD1; }
/*tr.L_V_Selected td:hover { background-color: #EDD; }*/
tr.L_V_Selected td:hover { background-color: peachpuff; }


/* Mise ne forme du footer */
div.L_V_Foot { position: absolute; top: 545px; left: 0; display: block; width: 100%; border: 0; }
div.L_V_Foot p { text-align: right; font-size: 9pt; color: Gray; padding-top: 1em; }
div.L_V_Foot p a, div.L_V_Foot p a:active, div.L_V_Foot p A:visited { color: Gray; text-decoration: none; }
div.L_V_Foot p a:hover { color: #cc6699; }



/* Header et Footer du tableau */
table.L_V_Table thead th td, table.L_V_Table tfoot th td { }
table.L_V_Table thead th { width: 100%; display: block; }
table.L_V_Table thead th p { width: 290px; }

table.L_V_Table tfoot td { width: 300px; display: block; border: 0; }
table.L_V_Table tfoot td p { width: 280px; font-size: 9pt; text-align: right; color: Gray; padding: 2px 10px 2px 10px; }
table.L_V_Table tfoot td p a, table.L_V_Table tfoot th a:Active { color: Gray; }



/* Viewer détail ------------------------------------------------------------------------------- */
div.ZD_Ext { display: none; position: absolute; top: 15px; left: 350px; width: 600px; height: 580px; border: solid 1px Gray; color: Gray;}
/* Format du titre */
div.ZD_Ext h1 { padding-top: 15px; font-size: 14pt; color: Blue; text-align: center; width: 450px; }

/* Formatage de la zone de texte */
div.ZD_T { display: block; position: absolute; top: 60px; left: 15px; overflow-y: auto; overflow-x: hidden; white-space: normal; width: 440px; height: 510px; border: solid 1px Gray; color: Gray;}
div.ZD_T p { padding: 3px 5px 0 15px; text-indent: -10px; }

/* Formatage de la zone des images */
div.ZD_MiniImg { display: block; position: absolute; top: 10px; left: 470px; width: 100px; text-align:center; color: Gray;}
div.ZD_MiniImg h2 { font-size: 12pt; color: Blue; padding: 4px 0 0 0; }
div.ZD_MiniImg img { display: inline-block; position: relative; margin: 0 0 5px 0;}
div.ZD_MiniImg img:hover{border-color:Blue; cursor:hand;}

div.ZD_MiniImg p { text-align: center; font-size: 9pt; }
div.ZD_MiniImg p a { padding:1px 2px 2px 2px;}
div.ZD_MiniImg p a, div.MovImg p a:Active { color: Gray; border: solid 1px Gray;}
div.ZD_MiniImg p a:hover { color: #cc6699; border: solid 1px #cc6699;}


/*Zone de zoom pour les images */
div#ZoomExt{display: none; position: absolute; top: 10px; left: -200px; width: 600px; height:auto; text-align:center; color: Gray; padding: 5px; }
div#ZoomExt img{display: block; position: absolute; top: 50px; left: 200px;border: solid 2px Gray;}