@charset "utf-8";
/* CSS Document */

/* Eléments standards */
body { background-color: #000000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #DDD; 
		height: 100%; width: 100%; overflow: hidden; }
div { vertical-align: top; margin: 0px; padding: 0; border:0; }
img { border: none; vertical-align: top; }
a { color: #C0C; text-decoration: none; font-weight: normal; }
a:hover { color: #D3D; }
th, td { font-size: 12px; vertical-align: top; margin: 0px; padding: 0; }
form { margin: 0px; padding: 0px; }
input, textarea, select { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  vertical-align: top; }
input { padding: expression("1px"); }
input[type=checkbox] { vertical-align: top; }

/* Classes de style */
a.actif { color: #D3D; font-weight: bold; }
div.ligne { height: 1px; border: none; background-color: #999; font-size: 0px; }
.petit { font-size: 11px; font-style: italic; }
.grand { font-size: 15px; }
.titre { font-size: 15px; font-weight: bold; }
h1 { font-size: 15px; font-weight: bold; margin: 0px; padding: 0px; }
.erreur { font-size: 12px; font-weight: normal; font-style: italic; color: #F33; }
h1.banniere { background: url(images/catalogue_accueil.jpg) no-repeat bottom right; padding: 12px; color: #FFF; }

/* Eléments uniques */
div#page { position: absolute; height: 600px; width: 900px; top: 50%; margin-top: -300px; left: 50%; margin-left: -450px; 
			background: url(images/fond.png) top left; overflow: visible; }
div#entete { position: absolute; height: 130px; width: 866px; left: 16px; top: 16px; overflow: hidden; background: #000; }
div#contenu { position: absolute; height: 415px; width: 862px; left: 16px; top: 158px; overflow: visible; 
			background: #000 url(images/fond_contenu.png) repeat; border: 2px solid #000; }
div#pied { position: absolute; height: 22px; width: 900px; top: 578px; left: 0px; text-align: center; z-index: 15; color: #666; }
div#tools { position: absolute; top: 578px; left: 50%; margin-left: -425px; height: 22px; width: 180px; z-index: 20; color: #666; }
div#divCGV { position: absolute; top: 50%; left: 50%; margin-left: -432px; margin-top: -282px; height: 555px; width: 860px; 
			background: #000; color: #FFF; overflow: auto; z-index: 999; visibility: hidden; border: 1px solid #222; }
div#overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; visibility: hidden; cursor: pointer; z-index: 998; }

/* Actualités */
div#actu {  position: absolute; height: 126px; width: 546px; left: 318px; top: 0px; overflow: hidden;
			background-color: #000; border: 2px solid #000; border-left: none; }
div.actu_news { position: absolute; padding: 4px; height: 112px; width: 260px; overflow: hidden; top: 3px; 
				background: url(images/fond_contenu.png) repeat; color: #FFF; }
div#btnNewsAvant { height: 119px; width: 15px; position: absolute; left: 323px; top: 4px; background: url(images/icones/avant.png) no-repeat bottom; }
div#btnNewsApres { height: 119px; width: 15px; position: absolute; left: 845px; top: 4px; background: url(images/icones/apres.png) no-repeat bottom; }

/* Menus catégories */
div#menu { position: absolute; width: 210px; height: 407px; left: 4px; top: 4px; overflow: hidden; z-index: 19; visibility: hidden; }
.men_titre { padding: 2px 24px; font-size: 13px; font-weight: bold; 
			background: url(images/icone.png) no-repeat 0px; cursor: pointer; color: #F90; }
.men_contenu { padding: 0px; margin-bottom: 2px; }
.men_contenu .lien { padding: 0px 24px; color: #C0C; cursor: pointer; }
.men_contenu .lien:hover { color: #D3D; }
.men_contenu .lien.actif { color: #D3D; font-weight: bold; background: url(images/icones/puce.png) no-repeat 2px; }

/* Catalogue */
div#catalogue { position: absolute; width: 660px; height: 425px; top: 0px; left: 204px; z-index: 3; overflow: hidden; }
.mf div.caption { top: 345px; font-weight: bold; }
.mf div.mfNav{ top: 380px; }
.mf img { cursor: pointer; }
div#fenInfos { position: absolute; height: auto; width: 220px; padding: 4px; visibility: hidden; color: #FFF; z-index: 11; 
			background: url(images/fond_contenu.png) repeat; border: 2px solid #000; }
div#fenDetails { position: absolute; width: 658px; height: 415px; top: 0px; left: 204px; visibility: hidden; color: #FFF; z-index: 4; 
			background: url(images/fond_contenu.png) repeat; visibility: hidden; }
div#fenPanier { position: absolute; width: 600px; height: 400px; top: 50%; margin-top: -200px; left: 50%; margin-left: -300px; 
			color: #FFF; z-index: 999; background: url(images/fond_panier.png) no-repeat top left; border: none; visibility: hidden; }
div#fenMessage { position: absolute; width: 600px; height: 200px; top: 50%; margin-top: -100px; left: 50%; margin-left: -300px; 
			color: #000; z-index: 999; background: #111; border: 2px solid #000; visibility: hidden; color: #FFF; }

/* Tooltips */
.tip { max-width: 200px; padding: 4px; color: #FFF; z-index: 9999; background: url(images/fond_contenu.png) repeat; border: 2px solid #000; z-index: 99; }

/* Tableau */
table.tableau { width: 560px; height: 262px; padding: 0px; border: 1px solid #444; color: #000;  }
table.tableau thead { width: 560px; height: 22px; background-color: #CCC; }
table.tableau tbody { margin: 0px; padding: 0px; height: 240px; overflow-y: scroll; overflow-x: hidden; background-color: #FFF; border-top: 1px solid #999; }
table.tableau tbody tr { background-color: #DDF; }
table.tableau tbody tr:hover { background-color: #FC6; }
table.tableau th { margin: 0; padding: 2px; font-size: 11px; font-weight: normal; font-style: italic;  border: 1px solid #444; border-top-color: #999; height: 18px; }
table.tableau td { margin: 0px; padding: 0 6px; font-size: 11px; border-right: 1px solid #999; border-bottom: 1px solid #999; vertical-align: middle; }
table.tableau td.tableau_bas { background-color: #666; border-color: #666; font-size: 0px; }

table.table_papier { border: 1px solid #000; }
table.table_papier th { border: 1px solid #000; background: #999;}
table.table_papier td { border: 1px solid #000; height: 20px; padding: 2px 3px; }

div#divMessage { position: absolute; top: 0px; left: 0px; height: auto; width: 200px; visibility: hidden; z-index: 999; 
			background: #111 url(images/icones/erreur.png) no-repeat 8px 13px; border: 2px solid #000; }
div#txtMessage { padding: 12px; padding-left: 30px; color: #FFF; font-size: 12px; }