Subversion Repositories Applications.referentiel

Rev

Rev 46 | Rev 48 | 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;}
47 jpm 219 
hr.nettoyage{
220 
	clear:both;
221 
	width:0;}
222 
/* Formulaire */
223 
#zone-form fieldset{
224 
	margin:5px;
225 
	padding:5px;
226 
	float:left;}
227 
#zone-form fieldset legend{
228 
	padding:0 10px;
229 
	border-left:#CCC 1px solid;
230 
	border-right:#CCC 1px solid;
231 
	background-color:white;
232 
	font-size:1.2em;
233 
	color:#999;}
234 
#zone-form label:after{
235 
	content:" : ";}
236 
#zone-form input{
237 
	margin:5px;}
238 
#zone-form textarea{
239 
	with:100%;}
240 
#zone-form input[type="submit"] {
241 
	width:auto !important;
242 
	margin:5px !important;}
243 
#zone-form input:hover, #zone-form select:hover, #zone-form input:focus, #zone-form select:focus{
244 
	background-color:#DEF;}
38 jpm 245 
.case-a-cocher-scroll {
47 jpm 246 
	clear:both;
247 
	height:6em;
248 
	padding:2px;
249 
	overflow:auto;
250 
	width:90%;
251 
	border:1px solid #ccc;}
252 
.case-a-cocher-scroll{
253 
	background-color:#FFF;}
254 
.case-a-cocher-scroll label{
255 
	width:90% !important;}
256 
.case-a-cocher-scroll input{
257 
	margin:0;
38 jpm 258 
	padding:0;
47 jpm 259 
	width:auto !important;}
260 
.case-a-cocher-scroll label:after{
261 
	content:"" !important;}
262 
.liste-simple li, ul.liste-simple, ul.liste-champs{
38 jpm 263 
	list-style-type:none;
264 
	padding:0;
265 
	margin:0 !important;}
266 
.liste-champs li{
267 
	padding:2px;}
47 jpm 268 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 269 
/* Demande de traitements */
45 jpm 270 
.traitement-attente{
271 
	background-color:#F16158;}
272 
.traitement-cours{
273 
	background-color:#FCCB54;}
274 
.traitement-termine{
275 
	background-color:#BBEFA5;}
47 jpm 276 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 277 
/* Traitement */
278 
#resultats {
279 
	width:1024px;}
280 
#resultats .numero{
281 
	font-weight:bold;
282 
	width:2%;}
283 
#resultats .nom{
284 
	font-weight:bold;
285 
	width:30%;}
47 jpm 286 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
33 jpm 287 
/* Résultat */
288 
#ref-resultat .resultat{
289 
	width:20px;
290 
	padding:5px;}
291 
#ref-resultat .description, #ref-resultat .message{
292 
	width:800px;
293 
	padding:5px;}
294 
#ref-resultat .message p{
38 jpm 295 
	background-color:#f0f0f0;}
47 jpm 296 
/*---------------------------------------------------------------------------------------------------------------------------------------*/
297 
/* Versionnage */
298 
#zone-form{
299 
	position:relative;
300 
	width:100%;}
301 
#zone-form fieldset:hover{
302 
	background-color:#EFE0D1;}
303 
#ref-demande-versionnage fieldset{
304 
	width:400px;}
305 
#ref-demande-versionnage textarea{
306 
	width:95%;}
307 
#ref-demande-versionnage label{
308 
	display:block;
309 
	float:left;
310 
	width:40%;
311 
	margin:2px 0;}
312 
#ref-demande-versionnage input{
313 
	width:55%;
314 
	margin:0;}
315 
#case-a-cocher-scroll-licence, label[for="referencement"]{
316 
	width:90% !important;}
317 
#case-a-cocher-scroll-licence label{
318 
	width:80%;}
319 
#champs-contributeur{
320 
	clear:left;}
321 
#ref-versionnage-ok{/*Pour IE6*/
322 
	width:auto !important;
323 
	margin:5px !important;}
324 
#champs-contributeur p{
325 
	width:32%;
326 
	float:left;
327 
	font-size:0.8em;
328 
	padding:3px;}
329 
#champs-contributeur div{
330 
	width:66%;
331 
	float:left;
332 
	margin-left:2px;
333 
	padding-left:5px;
334 
	border-left:1px dotted black;}