Look: Modifications pour un meilleur affichage sous IE (Compléments sur les styles et modifications des picto pour avoir un fond transaprent sour IE comme sous Mozilla).
@ -21,6 +21,7 @@
|
|||||||
|
|
||||||
@import url("new.css");
|
@import url("new.css");
|
||||||
|
|
||||||
|
/***** Style du fond *****/
|
||||||
body
|
body
|
||||||
{
|
{
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
@ -55,6 +56,15 @@ div.tabBar
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Menu superieur et 1ere ligne tableau
|
||||||
|
*/
|
||||||
|
|
||||||
|
table.topbarre
|
||||||
|
{
|
||||||
|
cell-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
a.tabTitle {
|
a.tabTitle {
|
||||||
background: #436976;
|
background: #436976;
|
||||||
border: 1px solid #8CACBB;
|
border: 1px solid #8CACBB;
|
||||||
@ -71,16 +81,7 @@ a.tabTitle:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
a.tab {
|
|
||||||
background: white;
|
|
||||||
border: 1px solid #8CACBB;
|
|
||||||
color: #436976;
|
|
||||||
font: 100% Bold;
|
|
||||||
padding: 0em 1.0em;
|
|
||||||
margin: 0em 0.5em;
|
|
||||||
text-decoration: none;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.tabimage {
|
a.tabimage {
|
||||||
color: #436976;
|
color: #436976;
|
||||||
@ -124,28 +125,32 @@ div.error {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
a.tabAction {
|
|
||||||
background: white;
|
a.tab:link {
|
||||||
border: 1px outset #8CACBB;
|
background: white;
|
||||||
|
border: 1px solid #8CACBB;
|
||||||
color: #436976;
|
color: #436976;
|
||||||
font: 105% Bold;
|
font: 100% Bold;
|
||||||
padding: 0em 1em;
|
padding: 0em 1.0em;
|
||||||
margin: 0em 0.5em;
|
margin: 0em 0.5em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
a.tabAction:hover {
|
a.tab:visited {
|
||||||
background: #dcdcd3;
|
background: white;
|
||||||
|
border: 1px solid #8CACBB;
|
||||||
|
color: #436976;
|
||||||
|
font: 100% Bold;
|
||||||
|
padding: 0em 1.0em;
|
||||||
|
margin: 0em 0.5em;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 0em 1em;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab#active {
|
a.tab#active {
|
||||||
background: #dcdcd3;
|
background: #dcdcd3;
|
||||||
border-bottom: #dee7ec 1px solid;
|
border-bottom: #dee7ec 1px solid;
|
||||||
padding: 0em 1em;
|
padding: 0em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab:hover {
|
a.tab:hover {
|
||||||
background: #ebebe0;
|
background: #ebebe0;
|
||||||
padding: 0em 1em;
|
padding: 0em 1em;
|
||||||
@ -161,7 +166,44 @@ a.butDelete:link {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Boutons actions
|
||||||
|
*/
|
||||||
|
a.tabAction:link {
|
||||||
|
background: white;
|
||||||
|
border: 1px outset #8CACBB;
|
||||||
|
color: #436976;
|
||||||
|
font: 105% Bold;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.5em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
a.tabAction:visited {
|
||||||
|
background: white;
|
||||||
|
border: 1px outset #8CACBB;
|
||||||
|
color: #436976;
|
||||||
|
font: 105% Bold;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.5em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
a.tabAction:hover {
|
||||||
|
background: #dcdcd3;
|
||||||
|
text-decoration: none;
|
||||||
|
padding: 0em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.butDelete:link {
|
||||||
|
background: white;
|
||||||
|
border: 1px outset #997777;
|
||||||
|
color: #436976;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.5em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap; }
|
||||||
a.butDelete:active {
|
a.butDelete:active {
|
||||||
background: white;
|
background: white;
|
||||||
border: 1px outset #997777;
|
border: 1px outset #997777;
|
||||||
@ -190,12 +232,6 @@ a.butDelete:hover {
|
|||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Menu superieur
|
|
||||||
*/
|
|
||||||
table.topbarre {
|
|
||||||
cell-spacing: 0;
|
|
||||||
}
|
|
||||||
/*
|
/*
|
||||||
* Tables
|
* Tables
|
||||||
*/
|
*/
|
||||||
@ -350,6 +386,9 @@ tr.fiche {
|
|||||||
font-family: Helvetica, Verdana;
|
font-family: Helvetica, Verdana;
|
||||||
font-size: 0.6em; }
|
font-size: 0.6em; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Widgets standard
|
||||||
|
*/
|
||||||
input.flat
|
input.flat
|
||||||
{
|
{
|
||||||
border: 0
|
border: 0
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 832 B After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 825 B After Width: | Height: | Size: 719 B |
|
Before Width: | Height: | Size: 536 B After Width: | Height: | Size: 393 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 508 B After Width: | Height: | Size: 1021 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 415 B After Width: | Height: | Size: 387 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 812 B After Width: | Height: | Size: 802 B |
|
Before Width: | Height: | Size: 327 B After Width: | Height: | Size: 980 B |
|
Before Width: | Height: | Size: 1009 B After Width: | Height: | Size: 761 B |
@ -131,7 +131,16 @@ table.topbarre
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tmenu
|
a.tmenu:link
|
||||||
|
{
|
||||||
|
color: #234046;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0em 1.5em 0em;
|
||||||
|
border: 1px solid #b3c5cc;
|
||||||
|
font-weight:bold;
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
a.tmenu:visited
|
||||||
{
|
{
|
||||||
color: #234046;
|
color: #234046;
|
||||||
padding: 0em 1em;
|
padding: 0em 1em;
|
||||||
@ -331,7 +340,16 @@ a.tabTitle {
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab {
|
a.tab:link {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #8CACBB;
|
||||||
|
color: #436976;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.2em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
a.tab:visited {
|
||||||
background: white;
|
background: white;
|
||||||
border: 1px solid #8CACBB;
|
border: 1px solid #8CACBB;
|
||||||
color: #436976;
|
color: #436976;
|
||||||
@ -340,13 +358,11 @@ a.tab {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab#active {
|
a.tab#active {
|
||||||
background: #dee7ec;
|
background: #dee7ec;
|
||||||
border-bottom: #dee7ec 1px solid;
|
border-bottom: #dee7ec 1px solid;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab:hover {
|
a.tab:hover {
|
||||||
background: #dee7ec;
|
background: #dee7ec;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -360,7 +376,7 @@ a.tabimage {
|
|||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Case actions
|
* Boutons actions
|
||||||
*/
|
*/
|
||||||
a.tabAction:link { font: helvetica, verdana, arial, sans-serif;
|
a.tabAction:link { font: helvetica, verdana, arial, sans-serif;
|
||||||
background: white;
|
background: white;
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 832 B After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 900 B After Width: | Height: | Size: 814 B |
|
Before Width: | Height: | Size: 766 B After Width: | Height: | Size: 736 B |
|
Before Width: | Height: | Size: 711 B After Width: | Height: | Size: 669 B |
|
Before Width: | Height: | Size: 928 B After Width: | Height: | Size: 719 B |
|
Before Width: | Height: | Size: 920 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 536 B After Width: | Height: | Size: 393 B |
|
Before Width: | Height: | Size: 678 B After Width: | Height: | Size: 426 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 508 B After Width: | Height: | Size: 1021 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 415 B After Width: | Height: | Size: 387 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 812 B After Width: | Height: | Size: 802 B |
|
Before Width: | Height: | Size: 994 B After Width: | Height: | Size: 980 B |
|
Before Width: | Height: | Size: 1009 B After Width: | Height: | Size: 761 B |
|
Before Width: | Height: | Size: 723 B After Width: | Height: | Size: 618 B |
@ -128,7 +128,16 @@ table.topbarre
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
a.tmenu
|
a.tmenu:link
|
||||||
|
{
|
||||||
|
color: #234046;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0em 1.5em 0em;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
font-weight:bold;
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
a.tmenu:visited
|
||||||
{
|
{
|
||||||
color: #234046;
|
color: #234046;
|
||||||
padding: 0em 1em;
|
padding: 0em 1em;
|
||||||
@ -172,6 +181,7 @@ a.login:hover
|
|||||||
{
|
{
|
||||||
color:black;
|
color:black;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.login
|
img.login
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -332,7 +342,16 @@ div.FicheSubmit {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab {
|
a.tab:link {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #9999BB;
|
||||||
|
color: #436976;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.2em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
a.tab:visited {
|
||||||
background: white;
|
background: white;
|
||||||
border: 1px solid #9999BB;
|
border: 1px solid #9999BB;
|
||||||
color: #436976;
|
color: #436976;
|
||||||
@ -341,7 +360,6 @@ a.tab {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab#active {
|
a.tab#active {
|
||||||
background: #dcdcd0;
|
background: #dcdcd0;
|
||||||
border-bottom: #dee7ec 1px solid;
|
border-bottom: #dee7ec 1px solid;
|
||||||
@ -361,7 +379,7 @@ a.tabimage {
|
|||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Case actions
|
* Boutons actions
|
||||||
*/
|
*/
|
||||||
a.tabAction:link { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
a.tabAction:link { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
||||||
a.tabAction:visited { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
a.tabAction:visited { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
||||||
@ -404,10 +422,10 @@ a.butDelete:hover { font: helvetica, verdana, arial, sans-serif;
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Tables
|
* Tables
|
||||||
*/
|
*/
|
||||||
|
|
||||||
table.border {
|
table.border {
|
||||||
font: helvetica, verdana, arial, sans-serif;
|
font: helvetica, verdana, arial, sans-serif;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
@ -570,7 +588,6 @@ white-space: nowrap;
|
|||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
tr.pair {
|
tr.pair {
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 920 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 723 B After Width: | Height: | Size: 618 B |
|
Before Width: | Height: | Size: 832 B After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 825 B After Width: | Height: | Size: 719 B |
|
Before Width: | Height: | Size: 920 B After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 536 B After Width: | Height: | Size: 393 B |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 508 B After Width: | Height: | Size: 1021 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 415 B After Width: | Height: | Size: 387 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 812 B After Width: | Height: | Size: 802 B |
|
Before Width: | Height: | Size: 391 B After Width: | Height: | Size: 980 B |
|
Before Width: | Height: | Size: 1009 B After Width: | Height: | Size: 761 B |
|
Before Width: | Height: | Size: 380 B After Width: | Height: | Size: 618 B |
@ -132,7 +132,17 @@ table.topbarre
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tmenu
|
|
||||||
|
a.tmenu:link
|
||||||
|
{
|
||||||
|
color: #234046;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0em 1.5em 0em;
|
||||||
|
border: 1px solid #dcdcb3;
|
||||||
|
font-weight:bold;
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
|
a.tmenu:visited
|
||||||
{
|
{
|
||||||
color: #234046;
|
color: #234046;
|
||||||
padding: 0em 1em;
|
padding: 0em 1em;
|
||||||
@ -176,6 +186,7 @@ a.login:hover
|
|||||||
{
|
{
|
||||||
color:black;
|
color:black;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.login
|
img.login
|
||||||
{
|
{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -336,7 +347,16 @@ div.FicheSubmit {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab {
|
a.tab:link {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid #999999;
|
||||||
|
color: #436976;
|
||||||
|
padding: 0em 1em;
|
||||||
|
margin: 0em 0.2em;
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
a.tab:visited {
|
||||||
background: white;
|
background: white;
|
||||||
border: 1px solid #999999;
|
border: 1px solid #999999;
|
||||||
color: #436976;
|
color: #436976;
|
||||||
@ -345,7 +365,6 @@ a.tab {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.tab#active {
|
a.tab#active {
|
||||||
background: #dcdcd3;
|
background: #dcdcd3;
|
||||||
border-bottom: #dee7ec 1px solid;
|
border-bottom: #dee7ec 1px solid;
|
||||||
@ -365,7 +384,7 @@ a.tabimage {
|
|||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Case actions
|
* Boutons actions
|
||||||
*/
|
*/
|
||||||
a.tabAction:link { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
a.tabAction:link { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
||||||
a.tabAction:visited { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
a.tabAction:visited { font: helvetica, verdana, arial, sans-serif; background: white; border: 1px solid #999999; color: #436969; padding: 0em 0.7em; margin: 0em 0.5em; text-decoration: none; white-space: nowrap; }
|
||||||
@ -408,10 +427,10 @@ a.butDelete:hover { font: helvetica, verdana, arial, sans-serif;
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Tables
|
* Tables
|
||||||
*/
|
*/
|
||||||
|
|
||||||
table.border {
|
table.border {
|
||||||
font: helvetica, verdana, arial, sans-serif;
|
font: helvetica, verdana, arial, sans-serif;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
@ -486,6 +505,8 @@ div.leftmenu {
|
|||||||
padding: 2px;
|
padding: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.alerte
|
.alerte
|
||||||
{
|
{
|
||||||
background: #FF9988;
|
background: #FF9988;
|
||||||
@ -558,6 +579,7 @@ border-bottom: 1px solid #FFFFFF;
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
background: #BBBB88;
|
background: #BBBB88;
|
||||||
font: helvetica, verdana, arial, sans-serif;
|
font: helvetica, verdana, arial, sans-serif;
|
||||||
|
|||||||