/* DECLARATIONS GENERALES */ body { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#505050; font-size:11px; background-image:url(../images/backoffice-fond-page.gif); background-repeat:repeat-x; margin:0px; background-color:#eaf4fa} /* LOGIN */ #login { background-image:url(../images/login-fond-page.gif); background-repeat:repeat-x; background-color:#d9e8f0; margin:0px} #login .fond-image { background-image:url(../images/login-fond-login.gif); background-repeat:no-repeat; width:780px; height:237px; padding-top:0px;} #login input { background-color:transparent; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px dotted #4894c1; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#4894c1; font-size:11px; padding:1px} /* BANDEAU SUPERIEUR */ #bandeau-haut {} #bandeau-haut .fond-image { background-image: url(../images/backoffice-fond-bandeau.gif); background-repeat:no-repeat} /* NAVIGATION SUPERIEURE */ #nav-haut .nav-on { background-image: url(../images/nav-onglet-on-fond.gif); background-repeat: repeat-x; color: #fff; font-variant:small-caps; font-weight:bold} #nav-haut .nav-on a { color: #ffffff; font-variant:small-caps; font-weight:bold} #nav-haut .nav-on a:hover {color: #000000; font-variant:small-caps; font-weight:bold} #nav-haut .nav-off { background-image: url(../images/nav-onglet-off-fond.gif); background-repeat: repeat-x;} #nav-haut a {color: #4c8cb1; font-variant:small-caps; font-weight:bold; text-decoration:none } #nav-haut a:hover {color: #000000; } /* DESCRIPTIF SOUS NAVIGATION */ #nav-desc {color: #FFFFFF;} /* BLOCS COLONNE GAUCHE */ #blocs { padding:8px} #blocs a { color:#505050; text-decoration:none} #blocs a:hover { color:#1b90d4;} #blocs .date { height:25px; text-align:center; font-size:10px} /* bloc id user */ #blocs .id-user { background-image: url(../images/bloc-user-fond.gif); background-repeat: repeat-y; padding:10px;} #blocs .id-user a {color:#505050; text-decoration:none} #blocs .id-user a:hover {color:#1b90d4; } #blocs .id-user p { line-height:1px} /* bloc génériques */ #blocs .id-bloc { background-image: url(../images/bloc-fond.gif); background-repeat: repeat-y; padding:10px} #blocs .id-bloc div { padding-bottom:5px; padding-top:3px} /* CONTENU PRINCIPAL */ #contenu {padding-right:8px; padding-top:8px} #contenu a { color:#505050; text-decoration:none} #contenu a:hover { color:#1b90d4;} /* mini navigation */ #contenu .mini-nav { height:25px; font-size:10px;} #contenu .mini-nav a { color:#1b90d4; text-decoration:none} #contenu .mini-nav a:hover { color:#de2125;} /* icones action haut */ #contenu .btns-action {margin-bottom:20px} #contenu .btns-action a { font-weight:bold; font-size:10px; color:#1b90d4} #contenu .btns-action a:hover {color:#000000} /* bloc tableaux de bord */ #contenu .bloc-bord { background-image:url(../images/contenu-bord-fond1.gif); background-repeat:repeat-x} #contenu .bloc-bord-fond-centre { background-color:#f6f6f6; padding:8px} #contenu .bloc-bord-fond-gauche {background-image:url(../images/contenu-bord-fond-g.gif); background-repeat:repeat-y} #contenu .bloc-bord-fond-droite {background-image:url(../images/contenu-bord-fond-d.gif); background-repeat:repeat-y} #contenu .bloc-bord-fond-bas{background-image:url(../images/contenu-bord-fond-bas.gif); background-repeat:repeat-x} #contenu .bloc-bord-message{padding-bottom:25px} #contenu .tableaux div { padding-bottom:5px; padding-top:3px; width:186px} /* Fiche produit */ #contenu .fiche-produit{ background-color:#f6f6f6; padding:8px} #contenu .onglet-on { background-color:#f6f6f6; border:1px #2E89BE solid; border-bottom-width:0px; } #contenu .onglet-off { background-color:#CAC9CC; border:1px #2E89BE solid; } #contenu .contenu-fiche { background-color:#f6f6f6; border:1px #2E89BE solid; border-top-width:0px; } /* bloc générique */ #contenu .bloc { background-image:url(../images/contenu-bloc-fond1.gif); background-repeat:repeat-x} #contenu .bloc-fond-centre { background-color:#f6f6f6; padding:8px} #contenu .bloc-fond-gauche {background-image:url(../images/contenu-bloc-fond-g.gif); background-repeat:repeat-y} #contenu .bloc-fond-droite {background-image:url(../images/contenu-bloc-fond-d.gif); background-repeat:repeat-y} #contenu .bloc-fond-bas{background-image:url(../images/contenu-bloc-fond-bas.gif); background-repeat:repeat-x} #contenu .bloc-message{padding-bottom:25px} /* tableaux de listing */ #contenu .table-listing { border:1px solid #c0d8e7; margin-bottom:10px; background-color:#FFFFFF} #contenu .table-listing th { background-color:#e4f1fd; border-bottom:3px solid #cae2ef; color:#000000} /* formulaires */ #contenu input { background-color:transparent; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px dotted #4894c1; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#4894c1; font-size:11px; padding:1px} #contenu select { border-top:0px; border-left:0px; border-right:0px; border-bottom:1px #4894c1; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#4894c1; font-size:11px; padding:1px} #contenu .obligatoire { color:#de2125} /* PIED DE PAGE LOGIN */ #pied-page { color:#FFFFFF; font-size:10px; padding:10px} #pied-page a { color:#FFFFFF; text-decoration:none} #pied-page a:hover { color:#000000; text-decoration:none} /* PIED DE PAGE SITE */ #pied-page-site { color:#11567f; font-size:10px; padding:2px; background-image:url(../images/pied-page-fond.gif); background-repeat:repeat-x; height:100px;} #pied-page-site a { color:#11567f; text-decoration:none} #pied-page-site a:hover { color:#000000; text-decoration:none} #pied-page-site a.nav { color:#ffffff; text-decoration:none} #pied-page-site a.nav:hover { color:#000000; text-decoration:none} /* CSS BOXES DRAGABLE */ #box-pdt { font-family: Arial, sans-serif; list-style-type: none; margin: 0px; padding: 0px; width: 100%; } #box-pdt li { cursor: move; position: relative; float: left; width: 100%; border: 1px solid #ffffff; } #box-pdt li:hover { cursor: move; position: relative; float: left; width: 100%; border: 1px #000 dashed; } #box-cat { font-family: Arial, sans-serif; list-style-type: none; margin: 0px; padding: 0px; width: 100%; } #box-cat li { cursor: move; position: relative; float: left; width: 100%; border: 1px solid #ffffff; } #box-cat li:hover { cursor: move; position: relative; float: left; width: 100%; border: 1px #000 dashed; }