Subversion Repositories Applications.gtt

Rev

Rev 147 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 147 Rev 150
1
/*
1
/*
2
	Design by Free CSS Templates
2
	Design by Free CSS Templates
3
	http://www.freecsstemplates.org
3
	http://www.freecsstemplates.org
4
	Released for free under a Creative Commons Attribution 2.5 License
4
	Released for free under a Creative Commons Attribution 2.5 License
5
	Contributor for GTT : Jean-Pascal MILCENT <jpm@tela-botanica.org>
5
	Contributor for GTT : Jean-Pascal MILCENT <jpm@tela-botanica.org>
6
*/
6
*/
7
/* Basic */
7
/* Basic */
8
* {
8
* {
9
	margin:0em;
9
	margin:0em;
10
	padding:0em;}
10
	padding:0em;}
11
body {
11
body {
12
	font-family:"trebuchet ms", sans-serif;
12
	font-family:"trebuchet ms", sans-serif;
13
	color:#555555;
13
	color:#555555;
14
	font-size:0.8em;}
14
	font-size:0.8em;}
15
a{
15
a{
16
	color: #669911;}
16
	color: #669911;}
17
/* Presentation des listes de definitions */
17
/* Presentation des listes de definitions */
18
dl {width:100%;}
18
dl {width:100%;}
19
dt {
19
dt {
20
	float:left;
20
	float:left;
21
	font-weight: bold;
21
	font-weight: bold;
22
	line-height:1.1em;
22
	line-height:1.1em;
23
	text-align:top left;
23
	text-align:top left;
24
	margin-right:0.3em;}
24
	margin-right:0.3em;}
25
dd {
25
dd {
26
	width:auto;
26
	width:auto;
27
	margin-left:0;
27
	margin-left:0;
28
	line-height:1.1em;
28
	line-height:1.1em;
29
	margin:0.5em 0;}
29
	margin:0.5em 0;}
30
 
30
 
31
/* Presentation des formulaires */
31
/* Presentation des formulaires */
32
form.editer{
32
form.editer{
33
	padding:0 0 1em 0;}
33
	padding:0 0 1em 0;}
34
form ul li{
34
form ul li{
35
	list-style-type:none;}
35
	list-style-type:none;}
36
form label{
36
form label{
37
	font-weight:bold;}
37
	font-weight:bold;}
38
legend{
38
legend{
39
	font-size:1.1em;
39
	font-size:1.1em;
40
	font-weight:bold;
40
	font-weight:bold;
41
	text-transform:uppercase;
41
	text-transform:uppercase;
42
	color: #5D5F53;}
42
	color: #5D5F53;}
43
 
43
 
44
/* Présentation générale des tableaux */
44
/* Présentation générale des tableaux */
45
table{
45
table{
46
	border:1px dotted black;
46
	border:1px dotted black;
47
	width:100%;}
47
	width:100%;}
48
thead th{
48
thead th{
49
	background-color:#486300;
49
	background-color:#486300;
50
	color:white;}
50
	color:white;}
51
tbody th{
51
tbody th{
52
	text-align:left !important;
52
	text-align:left !important;
53
	width:20%;}
53
	width:20%;}
54
td{text-align:center;}
54
td{text-align:center;}
55
tr.pair{background-color: #F1F2E7;}
55
tr.pair{background-color: #F1F2E7;}
56
caption{margin-top:1em;}
56
caption{margin-top:1em;}
57
 
57
 
58
/* Présentation d'icones*/
58
/* Présentation d'icones*/
59
a.ext:after {
59
a.ext:after {
60
content: " "url(../../images/icones/lien_externe.png);}
60
content: " "url(../../images/icones/lien_externe.png);}
61
 
61
 
62
/*Présentation des bulles d'aide */
62
/*Présentation des bulles d'aide */
63
*[title]:after {content:" "url(images/help_view_16x16.gif);}
63
*[title]:after {content:" "url(images/help_view_16x16.gif);}
64
 
64
 
65
/* Zone entête */
65
/* Zone entête */
66
#zone_entete{
66
#zone_entete{
67
	background-image: url('images/a2.gif');
67
	background-image: url('images/a2.gif');
68
	background-position: bottom left;
68
	background-position: bottom left;
69
	padding-left: 40px;
69
	padding-left: 40px;
70
	padding-top: 45px;}
70
	padding-top: 45px;}
71
#zone_entete h1{
71
#zone_entete h1{
72
	text-transform:uppercase;
72
	text-transform:uppercase;
73
	font-size:1.6em;
73
	font-size:1.6em;
74
	color:white;}
74
	color:white;}
75
#zone_entete a{
75
#zone_entete a{
76
	position: relative;
76
	position: relative;
77
	top:-0.3em;
77
	top:-0.3em;
78
	color:#E8EFC2;
78
	color:#E8EFC2;
79
	font-weight:normal;
79
	font-weight:normal;
80
	font-size:1.1em;
80
	font-size:1.1em;
81
	text-transform:lowercase;}
81
	text-transform:lowercase;}
82
 
82
 
83
/* Zone menu */
83
/* Zone menu */
84
#zone_menu h3{
84
#zone_menu h3{
85
	margin:0.5em 0 0 0;}
85
	margin:0.5em 0 0 0;}
86
#zone_menu li{
86
#zone_menu li{
87
	font-size: 1.1em;
87
	font-size: 1.1em;
88
	font-weight: bold;
88
	font-weight: bold;
89
	text-decoration: none;
89
	text-decoration: none;
90
	margin-right: 0em;}
90
	margin-right: 0em;}
91
#zone_menu li a{
91
#zone_menu li a{
92
	display:block;
92
	display:block;
93
	font-size: 0.8em;
93
	font-size: 0.8em;
94
	font-weight: bold;
94
	font-weight: bold;
95
	color: #5D5F53;
95
	color: #5D5F53;
96
	text-decoration: none;
96
	text-decoration: none;
97
	margin-right: 1em;}
97
	margin-right: 1em;}
98
#zone_menu li a:hover{
98
#zone_menu li a:hover{
99
	background-color: #6B7E09;
99
	background-color: #6B7E09;
100
	color:white;}
100
	color:white;}
101
 
101
 
102
/* Zone tronc */
102
/* Zone tronc */
103
#zone_tronc{
103
#zone_tronc{
104
	padding: 0 15px 1em 15px;
104
	padding: 0 15px 1em 15px;
105
	line-height: 1.6em;
105
	line-height: 1.6em;
106
	background: url('images/a4.gif') repeat-x top left;}
106
	background: url('images/a4.gif') repeat-x top left;}
107
#zone_tronc h2,#zone_tronc h3{
107
#zone_tronc h2,#zone_tronc h3{
108
	text-transform:uppercase;}
108
	text-transform:uppercase;}
109
 
109
 
110
 
110
 
111
/* Zone gauche */
111
/* Zone gauche */
112
#zone_gauche{
112
#zone_gauche{
113
	padding: 0 1.5em 1.5em 0.5em;}
113
	padding: 0 1.5em 1.5em 0.5em;}
114
#zone_gauche h2, #zone_gauche h3{
114
#zone_gauche h2, #zone_gauche h3{
115
	color: #5D5F53;
115
	color: #5D5F53;
116
	border-bottom: dotted 1px #ECEEDF;
116
	border-bottom: dotted 1px #ECEEDF;
117
	margin-bottom:0;}
117
	margin-bottom:0;}
118
#zone_gauche hr{margin-bottom: 0.5em;}
118
#zone_gauche hr{margin-bottom: 0.5em;}
119
 
119
 
120
/* Zone centre */
120
/* Zone centre */
121
#zone_centre{
121
#zone_centre{
122
	padding: 0;}
122
	padding: 0;}
123
#zone_centre h2,h3,h4,h5,h6{
123
#zone_centre h2,h3,h4,h5,h6{
124
	margin-bottom:1em;
124
	margin-bottom:1em;
125
	text-transform:uppercase;}
125
	text-transform:uppercase;}
126
#zone_centre p{
126
#zone_centre p{
127
	margin-bottom: 1.5em;}
127
	margin-bottom: 1.5em;}
128
#zone_centre ul{
128
#zone_centre ul{
129
	margin-bottom: 1.5em;
129
	margin-bottom: 1.5em;
130
	padding-left: 1em;}
130
	padding-left: 1em;}
131
 
131
 
132
/* Zone droite */
132
/* Zone droite */
133
#zone_droite h3, #zone_droite h3{
133
#zone_droite h3, #zone_droite h3{
134
	background: url('images/a1.gif') no-repeat;
134
	background: url('images/a1.gif') no-repeat;
135
	width: 185px;
135
	width: 185px;
136
	height: 27px;
136
	height: 27px;
137
	font-size: 1.0em;
137
	font-size: 1.0em;
138
	font-weight: bold;
138
	font-weight: bold;
139
	padding-left: 15px;
139
	padding-left: 15px;
140
	padding-top: 5px;
140
	padding-top: 5px;
141
	color: #5D5F53;}
141
	color: #5D5F53;}
142
 
142
 
143
/* Zone pied */
143
/* Zone pied */
144
#zone_pied{
144
#zone_pied{
145
	background: url('images/a4.gif') repeat-x top left;
145
	background: url('images/a4.gif') repeat-x top left;
146
	border-top: solid 1px #D0D4BB;
146
	border-top: solid 1px #D0D4BB;
147
	padding: 2.0em 3.5em 3.0em 3.5em;
147
	padding: 2.0em 3.5em 3.0em 3.5em;
148
	font-size: 0.8em;}
148
	font-size: 0.8em;}
149
/*------------------------------------------*/
149
/*------------------------------------------*/
150
/*Spécial Appli GTT*/	
150
/*Spécial Appli GTT*/	
151
#info,.information{
151
#info,.information{
152
	background-image: url('images/a3.gif');
152
	background-image: url('images/a3.gif');
153
	background-repeat: repeat-x;
153
	background-repeat: repeat-x;
154
	background-position: bottom left;
154
	background-position: bottom left;
155
	padding: 0.5em;}
155
	padding: 0.5em;}
156
/* Presentation des informations */
156
/* Presentation des informations */
157
.information{
157
.information{
158
	text-align:center;
158
	text-align:center;
159
	font-weight:bold;
159
	font-weight:bold;
160
	border:2px solid red;}
160
	border:2px solid red;}
161
/*Formulaires*/
161
/*Formulaires*/
162
.symbole_obligatoire{
162
.symbole_obligatoire{
163
	font-size:1em;
163
	font-size:1em;
164
	font-weight:bold;
164
	font-weight:bold;
165
	color:red;}
165
	color:red;}
166
/*Liste de définition*/
166
/*Liste de définition*/
167
.ajout_2_points dt:after {content:" : ";}
167
.ajout_2_points dt:after {content:" : ";}
168
.ajout_2_points dt[title]:after {content:" "url(images/help_view_16x16.gif)" : ";}
168
.ajout_2_points dt[title]:after {content:" "url(images/help_view_16x16.gif)" : ";}
169
/* Le calendrier */
169
/* Le calendrier */
170
.calendrier {
170
.calendrier {
171
	font-family:verdana, arial, helvetica, sans-serif;
171
	font-family:verdana, arial, helvetica, sans-serif;
172
	font-size:0.9em;}
172
	font-size:0.9em;}
173
.calendrier table {background-color: silver;}
173
.calendrier table {background-color: silver;}
174
.calendrier table td {text-align: center;}
174
.calendrier table td {text-align: center;}
175
.calendrier caption {font-weight: bold;}
175
.calendrier caption {font-weight: bold;}
176
.categorie,.totaux_titre {
176
.categorie,.totaux_titre {
177
	font-size:1.6em;
177
	font-size:1.6em;
178
	text-align:left !important;
178
	text-align:left !important;
179
	padding:1px;
179
	padding:1px;
180
	margin:0 0.2em;}
180
	margin:0 0.2em;}
181
.projet {
181
.projet, .absence_titre {
182
	font-weight:bold;
182
	font-weight:bold;
183
	width:300px;}
183
	width:350px;
-
 
184
	text-align:left !important;
-
 
185
	padding-left:30px;}
184
.utilisateur{
186
.utilisateur{
185
	width:75px;
187
	width:75px;
186
	text-align:center;
188
	text-align:center;
187
	background:white;}
189
	background:white;}
188
.jour_courrant {
190
.jour_courrant {
189
	color:#BB0000;
191
	color:#BB0000;
190
	background-color:yellow;
192
	background-color:yellow;
191
	border:2px outset #74C054;}
193
	border:2px outset #74C054;}
192
.jour_ferie {
194
.jour_ferie {
193
	background-color:red;
195
	background-color:red;
194
	border-width:2px outset #74C054;}
196
	border-width:2px outset #74C054;}
195
.jour_we {
197
.jour_we {
196
	color:black;
198
	color:black;
197
	background-color: #F1F2E7;
199
	background-color: #F1F2E7;
198
	border-width:2px outset #74C054;}
200
	border-width:2px outset #74C054;}
199
.jour_vide {
201
.jour_vide {
200
	color:white;
202
	color:white;
201
	background-color: grey;}
203
	background-color: grey;}
202
/* Tableau identification */
204
/* Tableau identification */
203
#connexion{border:0;}
205
#connexion{border:0;}
204
#connexion td{
206
#connexion td{
205
	width:50%;}
207
	width:50%;}
206
/* Tableau stats*/
208
/* Tableau stats*/
207
tbody td.total{
209
tbody td.total{
208
	width:5%;}
210
	width:5%;}
209
tr.categories,tr.absences{
211
tr.categories,tr.absences{
210
	background-image: url('images/a2.gif');}
212
	background-image: url('images/a2.gif');}
211
tr.total, tr.total th{
213
tr.total, tr.total th{
212
	color:white;
214
	color:white;
213
	font-weight:white;
215
	font-weight:white;
214
	background-color:#B30000;}
216
	background-color:#B30000;}
215
#tab_tps_w_mensuel_salarie{
217
#tab_tps_w_mensuel_salarie{
216
	width:100%;}
218
	width:100%;}
217
.entete{width:250px;}
219
.entete{width:250px;}
218
#navigation{text-align:center;}
220
#navigation{text-align:center;}
219
#navigation p{margin:0;}
221
#navigation p{margin:0;}
220
#form_utilisateur label{
222
#form_utilisateur label{
221
	display:inline;
223
	display:inline;
222
	float:none;
224
	float:none;
223
	min-width:0;
225
	min-width:0;
224
	font-weight:normal;}
226
	font-weight:normal;}
225
#preferences .pr_no {
227
#preferences .pr_no {
226
	font-weight:bold;
228
	font-weight:bold;
227
	width:30%;}
229
	width:30%;
-
 
230
	text-align:left;
-
 
231
	padding-left:5px;}
228
#preferences .pr_de {
232
#preferences .pr_de {
229
	font-size:0.8em;
233
	font-size:0.8em;
230
	text-align:left;}
234
	text-align:left;}
231
table#ut_tdt{width:50%;}
235
table#ut_tdt{width:50%;}