Subversion Repositories Applications.referentiel

Rev

Rev 48 | Rev 69 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
6 jpm 1 
@CHARSET "UTF-8";
2 
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 3 
/* Générique */
47 jpm 4 
body {
5 
	font-family:Arial, Helvetica, Verdana, sans-serif;
6 
	font-size:0.75em;
7 
	background-color:#fff;
8 
	margin:2px;}
9 
h1{
10 
	font-size:1.4em;
11 
	line-height:1.3em;
12 
	font-weight:bold;
13 
	padding:0 0 2px 5px;
14 
	margin:10px 0 4px 0;
15 
	background-color:#c38673;
16 
	color:white;}
17 
h2{
18 
	font-size:1em;
19 
	font-weight:bold;
20 
	color:black;
21 
	text-transform:uppercase;
22 
	margin:10px 0 4px 0;
23 
	color:#AD5A40;}
24 
h3{
25 
	font-size:0.95em;
26 
	color:black;
27 
	font-weight:bold;
28 
	margin:8px 0 4px 0;
29 
	text-transform:none;}
30 
h4{
31 
	font-size:0.8em;
32 
	color:black;
33 
	font-weight:bold;
34 
	letter-spacing:0.1em;
35 
	margin:8px 0 2px 0;}
36 
h5{
37 
	font-size:0.8em;
38 
	color:black;
39 
	font-style:italic;
40 
	margin:4px 0 1px 0;}
41 
h6{
42 
	font-size:0.75em;
43 
	color:black;
44 
	font-style:italic;
45 
	margin:4px 0 1px 0;}
46 
a{
47 
	color:black;
48 
	text-decoration:none;
49 
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png) repeat-x center bottom;}
50 
a:hover{
51 
	color:black;
52 
	text-decoration:none;
53 
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png) repeat-x center bottom;}
54 
hr{
55 
	color:#62210F;}
56 
table{
58 jpm 57 
	border-collapse: collapse;
58 
	width:100%;
59 
	margin:0;}
47 jpm 60 
td,th{
61 
	border:1px solid #36560B;
58 jpm 62 
	padding:7px 5px;}
63 
th{
64 
	background-color:#EEE;}
47 jpm 65 
caption{
58 jpm 66 
	border:1px solid #36560B;
67 
	background-color:#EEE;
47 jpm 68 
	font-weight:bold;
58 jpm 69 
	padding:2px;}
47 jpm 70 
img{
71 
	border:0;}
72 
img a{
73 
	display:block;}
74 
legend{
75 
	color:#AD5A40;}
45 jpm 76 
/*--------------------------------------------------------------------------------------------------------------*/
77 
/* Disposition */
78 
#zone-centrale {
47 jpm 79 
	text-align:center;}
45 jpm 80 
#zone-logo{
81 
	left:18px;
47 jpm 82 
	margin:1px 10px;
45 jpm 83 
	position:absolute;
84 
	top:2px;
85 
	z-index:1;}
86 
#zone-entete{
47 jpm 87 
	height:121px;
45 jpm 88 
	margin:0;
89 
	background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
90 
#zone-entete-contenu{
91 
	height:120px;
92 
	background:url("http://www.tela-botanica.org/sites/atelier/generique/images/graphisme/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
93 
#zone-titre-site{
94 
	height:38px;
95 
	margin:0;
96 
	text-align:right;}
97 
#zone-titre-site h1{
98 
	margin:0 20px 0 0;
99 
	padding:0;
100 
	background-color:transparent;
101 
	font-size:28px;
102 
	font-weight:bold;}
46 jpm 103 
#zone-corps{
104 
	margin:0;
105 
	text-align:left;}
45 jpm 106 
#zone-navigation{
47 jpm 107 
	position:relative;
45 jpm 108 
	float:left;
47 jpm 109 
	height:21px;
110 
	width:100%;
111 
	margin:0;
112 
	padding:0;
45 jpm 113 
	text-align:left;
47 jpm 114 
	font-weight:bold;
115 
	border-bottom:1px solid #62210F;}
45 jpm 116 
#zone-corps-contenu{
117 
	clear:both;
118 
	min-height:300px;
119 
	padding:0 2px;
47 jpm 120 
	text-align:justify;
121 
	border-top:medium none !important;
122 
	border:1px solid #62210F;}
45 jpm 123 
#zone-fil-ariane{
47 jpm 124 
	font-weight:bold;
125 
	text-align:left;}
45 jpm 126 
#zone-pied{
47 jpm 127 
	clear:both;
128 
	text-align:center;}
45 jpm 129 
/*--------------------------------------------------------------------------------------------------------------*/
47 jpm 130 
/* Logo */
131 
#zone-logo img{
132 
	border:0;}
133 
#zone-logo a{
134 
	position:absolute;
135 
	top:0;
136 
	left:0;}
137 
#zone-logo a:hover{
138 
	border:1px dotted;}
139 
#zone-logo a:hover:after{
140 
	content:" Retour à l'accueil ";}
141 
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 142 
/* Fil d'ariane */
143 
#zone-fil-ariane{
144 
	padding:10px 5px;}
145 
#zone-fil-ariane p{
146 
	font-weight:bold;
147 
	float:left;
148 
	margin:0;
149 
	padding-right:5px;}
150 
.fil-ariane{
151 
	list-style-type:none;
152 
	margin:0;
153 
	padding:0;}
154 
.fil-ariane li{
155 
	float:left;
156 
	margin:0;
157 
	padding:0;}
158 
.fil-ariane li:before{
159 
	content: " > ";}
160 
.fil-ariane a{
161 
	padding:0 5px;}
162 
/*--------------------------------------------------------------------------------------------------------------*/
163 
/* Navigation onglets */
164 
#zone-navigation ul {
165 
	margin:0;
166 
	padding:0;
167 
	list-style:none;}
168 
#zone-navigation li {
169 
	float:left;
170 
	margin:0;
171 
	padding:0;
172 
	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;}
173 
#zone-navigation a {
174 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
175 
	display:block;
176 
	background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
177 
	width:.1em;
178 
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
179 
	padding:5px 15px 4px;
180 
	text-decoration:none;}
181 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
182 
#zone-navigation a {float:none;}
183 
/* End IE5-Mac hack */
184 
#zone-navigation > ul a {
47 jpm 185 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
45 jpm 186 
#zone-navigation li:hover {
47 jpm 187 
	background-position:100% -150px;}
45 jpm 188 
#zone-navigation li:hover a {
47 jpm 189 
	background-position:0% -150px;}
190 
#zone-navigation .inactif {
191 
	border-bottom:medium none #62210F;}
192 
#zone-navigation .inactif a{
193 
	border-bottom:1px solid;
194 
	line-height:12px;
195 
	font-weight:normal;}
196 
#zone-navigation .actif{
197 
	position:relative;
198 
	background-position:100% -150px;
199 
	z-index:3;}
200 
#zone-navigation .actif a{
201 
	position:relative;
202 
	background-position:0 -150px;
203 
	line-height:13px;
204 
	z-index:4;}
205 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 206 
/* Général */
33 jpm 207 
.discretion{
208 
	color:#A9A9A9;
209 
	font-size:10px;
210 
	font-weight:normal;}
211 
.description{
6 jpm 212 
	background-color:#f0f0f0;
213 
	white-space:pre-wrap;}
33 jpm 214 
.resultat{
215 
	text-transform:uppercase;}
216 
.ok{
6 jpm 217 
	background-color:#9ED30D !important;}
33 jpm 218 
.ko{
6 jpm 219 
	background-color:#E9584C !important;}
33 jpm 220 
.espace{
221 
	background-color:yellow !important;}
48 jpm 222 
.obligatoire{
223 
	color:red;}
224 
.attention {
225 
  display:block;
226 
  background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
227 
  text-align:center;
228 
  border: 1px solid red;
229 
  min-height: 30px;
230 
  max-width: 800px;
231 
  padding:10px 5px 5px 50px;}
232 
.information {
233 
 background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
234 
  text-align:center;
235 
  border:1px solid #5D81BA;
236 
  max-width: 800px;
237 
  min-height:30px;
238 
  padding:10px 5px 5px 50px;}
47 jpm 239 
hr.nettoyage{
240 
	clear:both;
241 
	width:0;}
242 
/* Formulaire */
243 
#zone-form fieldset{
244 
	margin:5px;
245 
	padding:5px;
246 
	float:left;}
247 
#zone-form fieldset legend{
248 
	padding:0 10px;
249 
	border-left:#CCC 1px solid;
250 
	border-right:#CCC 1px solid;
251 
	background-color:white;
252 
	font-size:1.2em;
253 
	color:#999;}
254 
#zone-form label:after{
255 
	content:" : ";}
256 
#zone-form input{
257 
	margin:5px;}
258 
#zone-form textarea{
259 
	with:100%;}
260 
#zone-form input[type="submit"] {
261 
	width:auto !important;
262 
	margin:5px !important;}
263 
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
264 
	background-color:#DEF;}
38 jpm 265 
.case-a-cocher-scroll {
47 jpm 266 
	clear:both;
267 
	height:6em;
268 
	padding:2px;
269 
	overflow:auto;
270 
	width:90%;
271 
	border:1px solid #ccc;}
272 
.case-a-cocher-scroll{
273 
	background-color:#FFF;}
274 
.case-a-cocher-scroll label{
275 
	width:90% !important;}
276 
.case-a-cocher-scroll input{
277 
	margin:0;
38 jpm 278 
	padding:0;
47 jpm 279 
	width:auto !important;}
280 
.case-a-cocher-scroll label:after{
281 
	content:"" !important;}
282 
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 283 
	list-style-type:none;
284 
	padding:0;
285 
	margin:0 !important;}
286 
.liste-champs li{
287 
	padding:2px;}
47 jpm 288 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 289 
/* Demande de traitements */
45 jpm 290 
.traitement-attente{
291 
	background-color:#F16158;}
292 
.traitement-cours{
293 
	background-color:#FCCB54;}
294 
.traitement-termine{
295 
	background-color:#BBEFA5;}
47 jpm 296 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 297 
/* Traitement */
298 
#resultats {
299 
	width:1024px;}
300 
#resultats .numero{
301 
	font-weight:bold;
302 
	width:2%;}
303 
#resultats .nom{
304 
	font-weight:bold;
305 
	width:30%;}
47 jpm 306 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 307 
/* Résultat */
308 
#ref-resultat .resultat{
309 
	width:20px;
310 
	padding:5px;}
311 
#ref-resultat .description, #ref-resultat .message{
312 
	width:800px;
313 
	padding:5px;}
314 
#ref-resultat .message p{
38 jpm 315 
	background-color:#f0f0f0;}
47 jpm 316 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
317 
/* Versionnage */
318 
#zone-form{
319 
	position:relative;
320 
	width:100%;}
321 
#zone-form fieldset:hover{
322 
	background-color:#EFE0D1;}
323 
#ref-demande-versionnage fieldset{
324 
	width:400px;}
325 
#ref-demande-versionnage textarea{
326 
	width:95%;}
327 
#ref-demande-versionnage label{
328 
	display:block;
329 
	float:left;
48 jpm 330 
	width:30%;
47 jpm 331 
	margin:2px 0;}
48 jpm 332 
#ref-demande-versionnage #champs-domaine label{
333 
	width:90%;}
47 jpm 334 
#ref-demande-versionnage input{
48 jpm 335 
	width:65%;
47 jpm 336 
	margin:0;}
337 
#case-a-cocher-scroll-licence, label[for="referencement"]{
338 
	width:90% !important;}
339 
#case-a-cocher-scroll-licence label{
340 
	width:80%;}
341 
#champs-contributeur{
342 
	clear:left;}
343 
#ref-versionnage-ok{/*Pour IE6*/
344 
	width:auto !important;
345 
	margin:5px !important;}
346 
#champs-contributeur p{
347 
	width:32%;
348 
	float:left;
349 
	font-size:0.8em;
350 
	padding:3px;}
351 
#champs-contributeur div{
352 
	width:66%;
353 
	float:left;
354 
	margin-left:2px;
355 
	padding-left:5px;
356 
	border-left:1px dotted black;}