Subversion Repositories Applications.referentiel

Rev

Rev 111 | Rev 140 | 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;
124 delphine 6 
	font-size:0.85em;
47 jpm 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;
87 jpm 49 
	background:url(images/img_underline_atelier.png) repeat-x center bottom;}
47 jpm 50 
a:hover{
51 
	color:black;
52 
	text-decoration:none;
87 jpm 53 
	background:url(images/img_underline_hover_atelier.png) repeat-x center bottom;}
47 jpm 54 
hr{
55 
	color:#62210F;}
56 
table{
58 jpm 57 
	border-collapse: collapse;
58 
	width:100%;
105 jpm 59 
	margin:5px 0;}
47 jpm 60 
td,th{
61 
	border:1px solid #36560B;
58 jpm 62 
	padding:7px 5px;}
63 
th{
64 
	background-color:#EEE;}
103 jpm 65 
th[title]:after {
66 
    content: " " url("images/aide.png");
67 
}
47 jpm 68 
caption{
58 jpm 69 
	border:1px solid #36560B;
70 
	background-color:#EEE;
47 jpm 71 
	font-weight:bold;
58 jpm 72 
	padding:2px;}
47 jpm 73 
img{
74 
	border:0;}
75 
img a{
76 
	display:block;}
77 
legend{
78 
	color:#AD5A40;}
80 delphine 79 
.nettoyeur{
103 jpm 80 
	visibility:hidden;}
45 jpm 81 
/*--------------------------------------------------------------------------------------------------------------*/
82 
/* Disposition */
83 
#zone-centrale {
47 jpm 84 
	text-align:center;}
45 jpm 85 
#zone-logo{
86 
	left:18px;
47 jpm 87 
	margin:1px 10px;
45 jpm 88 
	position:absolute;
89 
	top:2px;
90 
	z-index:1;}
91 
#zone-entete{
47 jpm 92 
	height:121px;
45 jpm 93 
	margin:0;
87 jpm 94 
	background:url("images/bandeau_atelier_fond.png") repeat-x scroll 0 0 transparent;}
45 jpm 95 
#zone-entete-contenu{
96 
	height:120px;
87 jpm 97 
	background:url("images/bandeau_atelier.jpg") no-repeat scroll 0 0 transparent;}
45 jpm 98 
#zone-titre-site{
99 
	height:38px;
100 
	margin:0;
101 
	text-align:right;}
102 
#zone-titre-site h1{
103 
	margin:0 20px 0 0;
104 
	padding:0;
105 
	background-color:transparent;
106 
	font-size:28px;
107 
	font-weight:bold;}
46 jpm 108 
#zone-corps{
109 
	margin:0;
110 
	text-align:left;}
45 jpm 111 
#zone-navigation{
47 jpm 112 
	position:relative;
45 jpm 113 
	float:left;
47 jpm 114 
	height:21px;
115 
	width:100%;
116 
	margin:0;
117 
	padding:0;
45 jpm 118 
	text-align:left;
47 jpm 119 
	font-weight:bold;
120 
	border-bottom:1px solid #62210F;}
45 jpm 121 
#zone-corps-contenu{
122 
	clear:both;
123 
	min-height:300px;
124 
	padding:0 2px;
47 jpm 125 
	text-align:justify;
126 
	border-top:medium none !important;
127 
	border:1px solid #62210F;}
45 jpm 128 
#zone-fil-ariane{
47 jpm 129 
	font-weight:bold;
130 
	text-align:left;}
45 jpm 131 
#zone-pied{
47 jpm 132 
	clear:both;
133 
	text-align:center;}
45 jpm 134 
/*--------------------------------------------------------------------------------------------------------------*/
47 jpm 135 
/* Logo */
136 
#zone-logo img{
137 
	border:0;}
138 
#zone-logo a{
139 
	position:absolute;
140 
	top:0;
141 
	left:0;}
142 
#zone-logo a:hover{
143 
	border:1px dotted;}
144 
#zone-logo a:hover:after{
145 
	content:" Retour à l'accueil ";}
146 
/*--------------------------------------------------------------------------------------------------------------*/
45 jpm 147 
/* Fil d'ariane */
148 
#zone-fil-ariane{
149 
	padding:10px 5px;}
150 
#zone-fil-ariane p{
151 
	font-weight:bold;
152 
	float:left;
153 
	margin:0;
154 
	padding-right:5px;}
155 
.fil-ariane{
156 
	list-style-type:none;
157 
	margin:0;
158 
	padding:0;}
159 
.fil-ariane li{
160 
	float:left;
161 
	margin:0;
162 
	padding:0;}
163 
.fil-ariane li:before{
164 
	content: " > ";}
165 
.fil-ariane a{
166 
	padding:0 5px;}
167 
/*--------------------------------------------------------------------------------------------------------------*/
168 
/* Navigation onglets */
169 
#zone-navigation ul {
170 
	margin:0;
171 
	padding:0;
172 
	list-style:none;}
173 
#zone-navigation li {
174 
	float:left;
175 
	margin:0;
176 
	padding:0;
87 jpm 177 
	background:url("images/norm_right_both.gif") no-repeat right top;}
45 jpm 178 
#zone-navigation a {
179 
	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
180 
	display:block;
87 jpm 181 
	background:url("images/norm_left_both.gif") no-repeat left top;
45 jpm 182 
	width:.1em;
183 
	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
184 
	padding:5px 15px 4px;
185 
	text-decoration:none;}
186 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
187 
#zone-navigation a {float:none;}
188 
/* End IE5-Mac hack */
189 
#zone-navigation > ul a {
47 jpm 190 
	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
45 jpm 191 
#zone-navigation li:hover {
47 jpm 192 
	background-position:100% -150px;}
45 jpm 193 
#zone-navigation li:hover a {
47 jpm 194 
	background-position:0% -150px;}
195 
#zone-navigation .inactif {
196 
	border-bottom:medium none #62210F;}
197 
#zone-navigation .inactif a{
198 
	border-bottom:1px solid;
199 
	line-height:12px;
200 
	font-weight:normal;}
201 
#zone-navigation .actif{
202 
	position:relative;
203 
	background-position:100% -150px;
204 
	z-index:3;}
205 
#zone-navigation .actif a{
206 
	position:relative;
207 
	background-position:0 -150px;
208 
	line-height:13px;
209 
	z-index:4;}
210 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
6 jpm 211 
/* Général */
33 jpm 212 
.discretion{
213 
	color:#A9A9A9;
214 
	font-size:10px;
215 
	font-weight:normal;}
216 
.description{
6 jpm 217 
	background-color:#f0f0f0;
218 
	white-space:pre-wrap;}
33 jpm 219 
.resultat{
220 
	text-transform:uppercase;}
221 
.ok{
6 jpm 222 
	background-color:#9ED30D !important;}
33 jpm 223 
.ko{
6 jpm 224 
	background-color:#E9584C !important;}
33 jpm 225 
.espace{
226 
	background-color:yellow !important;}
48 jpm 227 
.obligatoire{
228 
	color:red;}
229 
.attention {
230 
  display:block;
87 jpm 231 
  background: #ffffcc url("images/attention.png") no-repeat 2% 50%;
48 jpm 232 
  text-align:center;
233 
  border: 1px solid red;
234 
  min-height: 30px;
235 
  max-width: 800px;
236 
  padding:10px 5px 5px 50px;}
237 
.information {
87 jpm 238 
 background: #e7ebfd url("images/information.png") no-repeat 2% 50%;
48 jpm 239 
  text-align:center;
240 
  border:1px solid #5D81BA;
241 
  max-width: 800px;
242 
  min-height:30px;
243 
  padding:10px 5px 5px 50px;}
47 jpm 244 
hr.nettoyage{
245 
	clear:both;
246 
	width:0;}
247 
/* Formulaire */
248 
#zone-form fieldset{
249 
	margin:5px;
250 
	padding:5px;
251 
	float:left;}
252 
#zone-form fieldset legend{
253 
	padding:0 10px;
254 
	border-left:#CCC 1px solid;
255 
	border-right:#CCC 1px solid;
256 
	background-color:white;
257 
	font-size:1.2em;
258 
	color:#999;}
259 
#zone-form label:after{
260 
	content:" : ";}
261 
#zone-form input{
262 
	margin:5px;}
263 
#zone-form textarea{
264 
	with:100%;}
265 
#zone-form input[type="submit"] {
266 
	width:auto !important;
267 
	margin:5px !important;}
268 
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
269 
	background-color:#DEF;}
38 jpm 270 
.case-a-cocher-scroll {
47 jpm 271 
	clear:both;
272 
	height:6em;
273 
	padding:2px;
274 
	overflow:auto;
275 
	width:90%;
276 
	border:1px solid #ccc;}
277 
.case-a-cocher-scroll{
278 
	background-color:#FFF;}
279 
.case-a-cocher-scroll label{
280 
	width:90% !important;}
281 
.case-a-cocher-scroll input{
282 
	margin:0;
38 jpm 283 
	padding:0;
47 jpm 284 
	width:auto !important;}
285 
.case-a-cocher-scroll label:after{
286 
	content:"" !important;}
287 
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 288 
	list-style-type:none;
289 
	padding:0;
290 
	margin:0 !important;}
291 
.liste-champs li{
292 
	padding:2px;}
47 jpm 293 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 294 
/* Largeurs à utiliser pour fixer les tailles des éléments (tableau, paragraphe...) */
295 
.largeur-01{
296 
	width:60px;}
297 
.largeur-02{
298 
	width:120px;}
299 
.largeur-03{
300 
	width:180px;}
301 
.largeur-04{
302 
	width:240px;}
303 
.largeur-05{
304 
	width:300px;}
305 
.largeur-06{
306 
	width:360px;}
307 
.largeur-07{
308 
	width:420px;}
309 
.largeur-08{
310 
	width:480px;}
311 
.largeur-09{
312 
	width:540px;}
313 
.largeur-10{
314 
	width:600px;}
315 
.largeur-11{
316 
	width:660px;}
317 
.largeur-12{
318 
	width:720px;}
319 
.largeur-13{
320 
	width:780px;}
321 
.largeur-14{
322 
	width:840px;}
323 
.largeur-15{
324 
	width:900px;}
325 
.largeur-16{
326 
	width:960px;}
327 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 328 
/* Demande de traitements */
45 jpm 329 
.traitement-attente{
330 
	background-color:#F16158;}
331 
.traitement-cours{
332 
	background-color:#FCCB54;}
333 
.traitement-termine{
334 
	background-color:#BBEFA5;}
47 jpm 335 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 336 
/* Traitement */
337 
#resultats {
338 
	width:1024px;}
339 
#resultats .numero{
340 
	font-weight:bold;
341 
	width:2%;}
342 
#resultats .nom{
343 
	font-weight:bold;
344 
	width:30%;}
47 jpm 345 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 346 
/* Résultat */
347 
#ref-resultat .resultat{
348 
	width:20px;
349 
	padding:5px;}
350 
#ref-resultat .description, #ref-resultat .message{
351 
	width:800px;
352 
	padding:5px;}
353 
#ref-resultat .message p{
38 jpm 354 
	background-color:#f0f0f0;}
47 jpm 355 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
69 delphine 356 
/* Résultat consultation*/
80 delphine 357 
.nom_retenu{
69 delphine 358 
	font-weight:bold;}
111 jpm 359 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
80 delphine 360 
/* Présentation Fiche Taxon*/
361 
.txt-long{
362 
	white-space:pre-wrap;}
363 
p.txt-long{
364 
	width:53.6em;
365 
	padding:.3em;
366 
	background-color:#FFF;}
367 
#texte li{
368 
	margin:0;}
111 jpm 369 
.ref-onglets{
370 
	font-size:0.9em;}
80 delphine 371 
.ref-sommaire a{
372 
	background:none;}
373 
.label-grand dt{
374 
	width:28em;}
375 
.label-court dt{
376 
	width:12em;}
111 jpm 377 
th.vide {
378 
	background-color:transparent;
379 
	border:none;}
69 delphine 380 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
111 jpm 381 
/* Fragmenteur : pagination */
382 
.fragmenteur select, .fragmenteur a, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
383 
    -moz-border-radius: 4px 4px 4px 4px;
384 
    color: white;
385 
    margin: 0 2px;
386 
    padding: 5px;}
387 
.fragmenteur select, .fragmenteur a {
388 
    background-color: #C38673;
389 
    border: 1px solid black;}
390 
.fragmenteur a:hover, .fragmenteur .frag_page_courrante, .fragmenteur .frag_resultats {
391 
    background-color: #AEDC43;
392 
    border: 1px solid #86A736;
393 
    font-weight: bold;}
394 
.frag_separateur {
395 
    display: none;}
396 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
47 jpm 397 
/* Versionnage */
398 
#zone-form{
399 
	position:relative;
400 
	width:100%;}
401 
#zone-form fieldset:hover{
402 
	background-color:#EFE0D1;}
403 
#ref-demande-versionnage fieldset{
404 
	width:400px;}
405 
#ref-demande-versionnage textarea{
406 
	width:95%;}
407 
#ref-demande-versionnage label{
408 
	display:block;
409 
	float:left;
48 jpm 410 
	width:30%;
47 jpm 411 
	margin:2px 0;}
48 jpm 412 
#ref-demande-versionnage #champs-domaine label{
413 
	width:90%;}
47 jpm 414 
#ref-demande-versionnage input{
48 jpm 415 
	width:65%;
47 jpm 416 
	margin:0;}
417 
#case-a-cocher-scroll-licence, label[for="referencement"]{
418 
	width:90% !important;}
419 
#case-a-cocher-scroll-licence label{
420 
	width:80%;}
421 
#champs-contributeur{
422 
	clear:left;}
423 
#ref-versionnage-ok{/*Pour IE6*/
424 
	width:auto !important;
425 
	margin:5px !important;}
426 
#champs-contributeur p{
427 
	width:32%;
428 
	float:left;
429 
	font-size:0.8em;
430 
	padding:3px;}
431 
#champs-contributeur div{
432 
	width:66%;
433 
	float:left;
434 
	margin-left:2px;
435 
	padding-left:5px;
80 delphine 436 
	border-left:1px dotted black;}
437 
 
438 
/* Nécessaire à IE 6 et 7 pour éviter un décalage vers le bas!*/
439 
.ref-onglets{
440 
	margin:0;/*Pour IE*/
441 
	padding:0;/*Pour IE*/
442 
	height:auto !important;height:100%;/*Pour IE*/}