Subversion Repositories Applications.referentiel

Rev

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