* { font-family: Verdana, sans-serif; }
body { font-size: 11px; padding: 0px; margin: 0px; background: url('/ressources/images/structure/zilok/strucutre-fond-noir.jpg') repeat-y 50% 0%; color: #484848; text-align: center; background-color: #000000;  }
table { font-size: 11px; border-collapse: collapse; }
td { vertical-align: top; border-collapse: collapse; }
th { font-weight: bold; border-collapse: collapse; }
tr { border-collapse: collapse; }

@media print {
	*.noprint { visibility: hidden; display: none; }
	.printonly { visibility: visible; display: block; }
	body { background-color: #ffffff !important; }
	a { color: #5B564F; text-decoration: none; }
}
@media screen {
	.printonly { visibility: hidden; display: none; }
	a { color: #5B564F; text-decoration: underline; }
}

thead th { padding-right: 20px; }

form { margin: 0px; padding: 0px; clear: none; }
*.sans-bordure { border: 0px solid #000000; padding: 0px; margin: 0px; }
a:hover { color: #000000; text-decoration: underline; }
a:active, a:focus { outline: none; }
a.discret { text-decoration: none; }
a.discret:hover { color: #000000; text-decoration: none; }
a.discret:active, a.discret:focus { outline: none; }
img { vertical-align: -5%; border: 0px solid #000000; padding: 0px; margin: 0px; }
a img { border: 0px solid #000000; vertical-align: -15%; }

h1 { font-family: Verdana, sans-serif; font-size: 16px; color: #000000; font-weight: bold; margin: 0px; padding: 0px; }
h2 { font-family: Verdana, sans-serif; font-size: 20px; color: #000000; font-weight: bold; margin: 0px; padding: 0px; }

button { font-size: 11px; font-family: Verdana, sans-serif; white-space: nowrap; }

div#menu { width: 100%; margin: 0px; padding: 0px; }
div#menu a.direct { display: block; padding: 5px 1px; color: #A2661E; text-decoration: none; }
div#menu a.direct:hover { color: #5E3A10; }
div#menu td { vertical-align: middle; white-space: nowrap; padding: 0px 2px; }

div#compatibilite { color: #000000; background-color: #FFFF00; padding: 2px; }

div.sous-menu { z-index: 99; padding: 0px; margin: 0px; position: absolute; background-color: #ffffff;}
div.sous-menu .sous-menu-centre a { display: block; padding: 6px 10px; color: #A2661E; text-decoration: none; }
div.sous-menu .sous-menu-centre a:hover { color: #FFFFFF; background-color: #373637; }
div.sous-menu .sous-menu-haut { padding: 0px; margin: 0px; height: 11px; width: 207px; background: url('/ressources/images/structure/sous-menu-haut.gif') no-repeat 0% 0%; }
div.sous-menu .sous-menu-centre { padding: 0px; margin: 0px; width: 207px; background: url('/ressources/images/structure/sous-menu-centre.gif') repeat-y 0% 0%; }
div.sous-menu .sous-menu-bas { padding: 0px; margin: 0px; height: 11px; width: 207px; background: url('/ressources/images/structure/sous-menu-bas.gif') no-repeat 0% 0%; }

li.ligne-garantie { background-color: #FFF4D2; padding: 5px; margin: 0px; list-style: none; }
li.ligne-garantie:hover { background-color: #FEEBAD; cursor: pointer; font-weight: bold; padding: 5px; margin: 0px; list-style: none; }

div#etapes { margin: 10px; }
div#etapes  td { vertical-align: middle; font-size: 10px; }
div#etapes table td.curseur { height: 20px; width: auto; background: url('/ressources/images/structure/etapes/etapes-curseur.gif') no-repeat 50% 50%; }
div#etapes table td.puce-premiere-active { font-weight: bold; text-align: center; color: #000000; height: 22px; width: 29px; background: url('/ressources/images/structure/etapes/etapes-puce-gauche-active.gif') no-repeat 50% 50%; }
div#etapes table td.puce-premiere-inactive { text-align: center; color: #9C9C9C; height: 22px; width: 29px; background: url('/ressources/images/structure/etapes/etapes-puce-gauche-inactive.gif') no-repeat 50% 50%; }
div#etapes table td.puce-active { font-weight: bold; text-align: center; color: #000000; height: 22px; width: 29px; background: url('/ressources/images/structure/etapes/etapes-puce-centre-active.gif') no-repeat 50% 50%; }
div#etapes table td.puce-inactive { text-align: center; color: #9C9C9C; height: 22px; width: 29px; background: url('/ressources/images/structure/etapes/etapes-puce-centre-inactive.gif') no-repeat 50% 50%; }
div#etapes table td.puce-inactive-precedente-active { text-align: center; color: #9C9C9C; padding: 5px 0px; height: 22px; width: 29px; background: url('/ressources/images/structure/etapes/etapes-puce-centre-inactive-precedente-active.gif') no-repeat 50% 50%; }
div#etapes table td.bandeau-actif { font-weight: bold; text-align: left; color: #000000; padding: 0px 5px; height: 22px; width: auto; background: url('/ressources/images/structure/etapes/etapes-bandeau-actif.gif') repeat-x 50% 50%; }
div#etapes table td.bandeau-inactif { text-align: left; color: #9C9C9C; padding: 0px 5px; height: 22px; width: auto; background: url('/ressources/images/structure/etapes/etapes-bandeau-inactif.gif') repeat-x 50% 50%; }
div#etapes table td.bouchon-actif { font-weight: bold; color: #000000; height: 22px; width: 30px; background: url('/ressources/images/structure/etapes/etapes-bandeau-droite-actif.gif') no-repeat 0% 50%; }
div#etapes table td.bouchon-inactif { color: #9C9C9C; height: 22px; width: 30px; background: url('/ressources/images/structure/etapes/etapes-bandeau-droite-inactif.gif') no-repeat 0% 50%; } 
div#etapes  td a { color: #9C9C9C; }
div#etapes  td a:hover { color: #545454; }

table.icone-produit { margin: 5px }
table.icone-produit td { text-align: center; vertical-align: middle; }
table.icone-produit td.icone-produit-gauche { height: 84px; width: 12px; background: url('/ressources/images/produits/icone-produit-gauche.png') no-repeat 0% 0%; }
table.icone-produit td.icone-produit-centre { color: #000000; font-size: 35px; font-weight: bold; height: 84px; width: 70px; background: url('/ressources/images/produits/icone-produit-centre.png') repeat-x 0% 0%; }
table.icone-produit td.icone-produit-droite { height: 84px; width: 12px; background: url('/ressources/images/produits/icone-produit-droite.png') no-repeat 0% 0%; }
table.icone-produit td.onglet-produit-gauche { height: 23px; width: 12px; background: url('/ressources/images/produits/onglet-produit-gauche.png') no-repeat 0% 0%; }
table.icone-produit td.onglet-produit-centre { font-size: 10px; height: 23px; background: url('/ressources/images/produits/onglet-produit-centre.png') repeat-x 0% 0%; }
table.icone-produit td.onglet-produit-droite { height: 23px; width: 12px; background: url('/ressources/images/produits/onglet-produit-droite.png') no-repeat 100% 0%; }

ul.liens-produit { padding: 0px; margin: 5px; list-style: none; }
ul.liens-produit li { padding: 0px; margin: 0px; }

/*table.menu { background: url('/ressources/images/structure/optique-menu.jpg') no-repeat 0% 0%; }
table.menu td { color: #ffffff; height: 25px; vertical-align: middle; }
table.menu td.gauche { width: 10px; padding: 0px 2px; }
table.menu td.droite { width: 10px; padding: 0px 2px; }
table.menu td.milieu { padding: 0px 3px 0px 3px; }
table.menu td.gauche-actif { color: #000000; font-weight: bold; width: 10px; background: url('/ressources/images/structure/onglet-gauche.gif') no-repeat top right; padding: 0px 2px; }
table.menu td.droite-actif { color: #000000; font-weight: bold; width: 10px; background: url('/ressources/images/structure/onglet-droite.gif') no-repeat top left; padding: 0px 2px; }
table.menu td.milieu-actif { color: #000000; font-weight: bold; background: url('/ressources/images/structure/onglet-centre.gif') repeat-x 0% 0%; padding: 0px 3px 0px 3px; }
table.menu a { color: #aaaaaa; font-weight: normal; }
table.menu a:hover { color: #ffffff; }
table.menu a.element-selectionne { color: #484848; font-weight: bold; }
table.menu a.element-selectionne:hover { color: #000000; }
*/

img.icone-erreur { z-index: 98; position: absolute; }
img.icone-erreur:hover { cursor: pointer; }
.mouseover:hover { cursor: pointer; }
label.mouseover:hover { text-decoration: underline; cursor: pointer; }
div#infobulle-erreur { z-index: 999; border: 1px solid #C39A9A; background-color: #F0D3CC; font-size: 10px; padding: 1px 2px; position: absolute; width: auto; }

img.icone-aide:hover { cursor: pointer; }
div#infobulle-aide { z-index: 999; border: 1px solid #C5E0F1; background-color: #F4F4F4; font-size: 10px; padding: 1px 2px; position: absolute; width: auto; }

div#gestionnaire-telechargement { text-align: left; }
div#gestionnaire-telechargement table#gestionnaire-documents { width: 100%; }
div#gestionnaire-telechargement table#gestionnaire-documents td { font-size: 10px; text-align: left; vertical-align: middle; }
div#gestionnaire-telechargement table th { text-align: left; }
iframe#fenetre-telechargement { z-index: 0; border: 0px solid #000000; }

/* THEME */
table#structure { padding: 0px; margin: 0px auto; text-align: left; }
@media screen {
	table#structure { width: 1000px; }
}
@media print {
	table#structure { width: 100%; }
}
table#structure { background: url('/ressources/images/structure/zilok/structure-fond.jpg') repeat-y 50% 0; }
table#structure td#structure-contenu { background: url('/ressources/images/structure/zilok/structure-centre.jpg') no-repeat 50% 0%; }
table#structure td#structure-contenu-gauche { width: 150px;  }
table#structure td#structure-contenu-centre { vertical-align: top; height: 614px; }
table#structure td#structure-contenu-droite { width: 150px; }
table#structure td#structure-pied { background: url('/ressources/images/structure/zilok/structure-pied.jpg') no-repeat 50% 0%; }
table#structure td#structure-pied-gauche { width: 0px; height: 0px; }
table#structure td#structure-pied-centre { height: 32px; }
table#structure td#structure-pied-droite { width: 0px; height: 0px; }
table#structure td#structure-mentions-legales { background: url('/ressources/images/structure/zilok/structure-fond-noir.jpg') repeat-y 50% 0%; color: #777777; font-size: 8px; text-align: center; font-weight: normal; }
table#structure div#structure-largeur-minimum { width: 1000px; }

#infos-utilisateur { margin: 0px auto; padding: 0px; font-size: 80%; color: #f0f0f0; }

div#login { background: url('/ressources/images/fond-login.png') no-repeat 0% 0%; padding: 40px 20px 0px 20px; }

div.contenu { padding: 10px; }

div#version { font-size: 10px; padding: 20px; }
span.inactif { color: #F0F0F0; }

table.formulaire { }
table.formulaire td.label { text-align: left; padding-right: 10px; }
table.formulaire span.label { text-align: left; padding: 0px 10px; }
table.formulaire td.input { text-align: left; }

input.contextuel, select.contextuel { color: #B0B0B0 !important; font-style: italic; }
textarea { overflow: auto; }
input[type=text], input[type=password], textarea, select { border: 1px solid #AAAAAA; }
input, textarea { font-family: Verdana, sans-serif; font-size: 10px;  margin: 1px 0px; padding: 2px 3px;  }
select { font-family: Verdana, sans-serif; font-size: 10px; }

div.titre-page { text-align: left; font-size: 18px; color: #484848; font-style: italic; font-weight: bold; margin: 0px; padding: 10px; }
div.sous-titre-page { font-family: Verdana, sans-serif; text-align: left; font-size: 12px; color: #000000; font-weight: bold; margin: 0px; padding: 0px; }
.paragraphe { text-align: left; padding: 0px; margin: 0px 0px 10px 0px; line-height: 150%; }
div.log { font-size: 10px; }
div.rideau { margin: 0px; padding: 0px; height: 800px; background: url("/ressources/images/structure/rideau-fond.gif") repeat 0% 0%; vertical-align: top; }
.paragraphe span.titre { padding: 0px 0px 5px 0px; text-decoration: underline; font-weight: bold; }

div#masque { z-index: 999; background-color: #373637; position: absolute; top: 0px; left: 0px; color: #ffffff; text-align: center; width: 100%; }
div#message { position: absolute; width: 100%; top: 0px; left: 0px; }
div#message div.message-erreur { color: #C80000; }
div#message div.message-info { color: #484848; }
div#message a { color: #ffffff; text-decoration: none; }
div#message a:hover { color: #666666; text-decoration: none; }

.onscreen { z-index: 9999; display: none; position: absolute; text-align: center; }
.cache { display: none; }
.important { font-weight: bold; color: #C80000; }
.erreur { color: #C80000; }
.succes { color: #00C800; }
.desactive { color: #c0c0c0; font-style: italic; }
.obligatoire { color: #2880B0; }
.clignote { text-decoration: blink; }
.nouveau { color: #C80000; /*text-decoration: blink;*/ font-weight: bold; }
.tarif { color: #000000; font-weight: bold; font-family: arial;}
.label { font-style: italic; }
.small { font-size: 80%; }
.titre { color: #A61969; font-size: 18px; font-weight: bold; }
.highlight { color: #A61969; }
.highlight-search { background-color: #FFEA00; color: #000000; font-weight: bold; }
.annule { text-decoration: line-through; color: #D56969; }
.enattente { color: #69A1D5; }
.separateur { padding: 0px 5px; text-align: center; }
.warning { color: #FF7800; }
.fond-erreur { background-color: #C80000; width: 4px; }
.erreur-composant { background-color: #C80000; color: #FFFFFF; padding: 5px; font-size: 10px; }
.erreur-composant a { color: #FFFFFF !important; }
.strong { font-weight: bold; }

.resultat-recherche { border: 1px solid #62AECE; background-color: #D3EBFF; font-size: 10px; position: absolute; overflow : auto; height: auto; white-space: nowrap; color: #2D2D2D; }
.resultat-recherche .titre { background-color: #B7DEFF; color: #484848; padding: 2px 10px; text-align: left;  }
.resultat-recherche .highlight-search { background-color: #D3EBFF; }

table.middle td { vertical-align: middle; }

table.tableau, .tableau { border: 1px solid #FFEAA0; border-collapse: collapse; }
table.tableau th { font-weight: bold; background-color: #FFE586; color: #000000; border: 0px solid #FFEAA0; border-collapse: collapse; height: 20px; vertical-align: middle; }
table.tableau tr { background-color: #FEF8E0;}
table.tableau tr.pair , .pair{ background-color: #FEF3CA; }
table.tableau tr.impair, .impair { background-color: #FEF8E0; }
table.tableau td { border-top: 1px solid #FFEAA0; border-collapse: collapse; margin: 0px; padding: 5px 10px; }

th.headerSortUp { background-image: url("/ressources/images/icones/asc.gif"); color: #480000; }
th.headerSortDown  { background-image: url("/ressources/images/icones/desc.gif"); color: #480000; }
th.header  { cursor: pointer; background-repeat: no-repeat; background-position: center right; }

table.fenetre { margin: 0% auto; }

table.fenetre tr.haut td.gauche { width: 5px; height: 25px; background: url("/ressources/images/structure/fenetre/fenetre-haut-gauche.png") no-repeat bottom right; }
table.fenetre tr.haut td.centre { width: auto; height: 25px; background: url("/ressources/images/structure/fenetre/fenetre-haut.png") repeat-x bottom center; text-align: left; color: #484848; font-size: 12px; vertical-align: middle; font-weight: bold; }
table.fenetre tr.haut td.droite { width: 5px; height: 25px; background: url("/ressources/images/structure/fenetre/fenetre-haut-droite.png") no-repeat bottom left; }

table.fenetre tr.centre td.gauche { width: 5px; height: 1px; background: url("/ressources/images/structure/fenetre/fenetre-gauche.png") repeat-y center right; }
table.fenetre tr.centre td.centre { width: auto; height: auto; background-color: #ffffff; text-align: left; }
table.fenetre tr.centre td.centre div.contenu { padding: 10px; line-height: 140%; }
table.fenetre tr.centre td.droite { width: 5px; height: 1px; background: url("/ressources/images/structure/fenetre/fenetre-droite.png") repeat-y center left; }

table.fenetre tr.bas td.gauche { width: 5px; height: 5px; background: url("/ressources/images/structure/fenetre/fenetre-bas-gauche.png") no-repeat top right; }
table.fenetre tr.bas td.centre { width: auto; height: 5px; background: url("/ressources/images/structure/fenetre/fenetre-bas.png") repeat-x top center; }
table.fenetre tr.bas td.droite { width: 5px; height: 5px; background: url("/ressources/images/structure/fenetre/fenetre-bas-droite.png") no-repeat top left; }

div#assistance { width: auto; height: 90px; background: url("/ressources/images/structure/fond-assistance.jpg") repeat-x bottom left; padding: 5px 20px; font-size: 10px; }

/* FORMULAIRE DE SOUSCRIPTION */
td.titre-bloc { padding: 2px 5px; font-size: 120%; vertical-align: middle; }
td.barre-bloc { padding: 2px 20px 10px 20px; color: #000000; line-height: 150%; }
td.gauche-bloc { display: none; }
td.bloc { padding: 2px 20px 2px 20px; border: 1px solid #FFEAA0; background-color: #FEF3CA; }

div.titre-fiche-produit { font-size: 160%; font-weight: bold; color: #C16401; margin: 0px 0px 20px 0px; }
div.sous-titre-fiche-produit { font-size: 120%; font-weight: bold; color: #000000; border-bottom: 3px solid #000000; margin: 0px 0px 20px 0px; }
div.titre-element-fiche-produit { font-weight: bold; margin: 0px 0px 5px 0px; }
td.fiche-produit-assistance { background-color: #FFF0DD; }
td.fiche-produit-assistance div.titre-element-fiche-produit { color: #D18625; }
td.fiche-produit-assistance .highlight{ color: #A66B1E; }
td.fiche-produit-garantie { background-color: #DDF3FF; }
td.fiche-produit-garantie div.titre-element-fiche-produit { color: #2880B0;  }
td.fiche-produit-garantie .highlight{ color: #206990; }

div#assistant { padding: 5px; width: 600px; }
div#assistant div.titre { border-bottom: 3px solid #000000; color: #000000; font-size: 16px; }
div#assistant div.sous-titre { font-weight: bold; text-decoration: underline; color: #000000; font-size: 12px; padding: 0px 0px 5px 0px; }
div#assistant div.info { border-bottom: 1px solid #888888; padding: 5px; color: #484848; font-size: 10px; background-color: #f0f0f0; }
div#assistant div.contenu{ border-bottom: 3px solid #000000; padding: 10px 5px; color: #484848; font-size: 12px; }
div#assistant div.validation { padding: 5px; text-align: right; color: #484848; font-size: 12px; }