Subversion Repositories Sites.tela-botanica.org

Rev

Rev 1009 | Rev 1011 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1009 Rev 1010
Line 102... Line 102...
102
}
102
}
103
a:hover {
103
a:hover {
104
	color:#FD8C13;
104
	color:#FD8C13;
105
	border-bottom:1px dotted #95ae5d;
105
	border-bottom:1px dotted #95ae5d;
106
}
106
}
107
 
-
 
108
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
107
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
109
a.lien-ext:after {
108
a.lien-ext:after {
110
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
109
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
111
}
110
}
112
 
-
 
113
/* Les liens externes doivent être précédés d'une icone */
111
/* Les liens externes doivent être précédés d'une icone */
114
a[href^="http://www."][target]:before{
112
a[href^="http://www."][target]:before{
115
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
113
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
116
}
114
}
117
 
-
 
118
/* Les liens internes ne doivent pas être précédés d'une icone */
115
/* Les liens internes ne doivent pas être précédés d'une icone */
119
a[href^="http://www.tela-botanica.org"][target]:before{
116
a[href^="http://www.tela-botanica.org"][target]:before{
120
	content:" ";
117
	content:" ";
121
}
118
}
122
 
-
 
123
/* Gestion des fichiers PDF */
119
/* Gestion des fichiers PDF */
124
a[href$=".pdf"]:before , a.pdf:before {
120
a[href$=".pdf"]:before , a.pdf:before {
125
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
121
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
126
}
122
}
127
 
-
 
128
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
123
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
129
	content:" "url(/sites/commun/generique/images/icones/mail.png);
124
	content:" "url(/sites/commun/generique/images/icones/mail.png);
130
}
125
}
131
 
-
 
132
 
-
 
133
/*+-----------------------------------------------------------------------------------------------------------------+*/
126
/*+-----------------------------------------------------------------------------------------------------------------+*/
134
/* Classes & couleurs */
127
/* Classes & couleurs */
135
.rejoindre {
128
.rejoindre {
136
	display:inline-block;
129
	display:inline-block;
137
	line-height:30px;
130
	line-height:30px;
Line 142... Line 135...
142
	display:none;
135
	display:none;
143
}
136
}
144
.transparent {
137
.transparent {
145
	visibility:hidden;
138
	visibility:hidden;
146
}
139
}
147
 
-
 
148
.sous-titre {
140
.sous-titre {
149
	font-size:11px;
141
	font-size:11px;
150
	font-weight:normal;	
142
	font-weight:normal;	
151
	color:#AAAAAA;
143
	color:#AAAAAA;
152
	margin:0
144
	margin:0
Line 154... Line 146...
154
 
146
 
Line 155... Line 147...
155
/* Classes d'importance */
147
/* Classes d'importance */
156
 
148
 
157
/* Mise en colonnes */
149
/* Mise en colonnes */
158
.importance1 {
150
.importance1 {
159
	margin:0 10px 20px 10px;		
151
	margin:10px 10px 20px 10px;		
160
	background-color:#eaedcd;	
152
	background-color:#eaedcd;	
161
	padding:8px;
153
	padding:8px;
162
	font-family:arial;
154
	font-family:arial;
Line 185... Line 177...
185
}
177
}
186
.importance1 .row .gauche:first-child {
178
.importance1 .row .gauche:first-child {
187
    border-right:dotted 1px #AAAAAA
179
    border-right:dotted 1px #AAAAAA
188
}
180
}
189
.importance2 {
181
.importance2 {
190
	margin:0 10px 10px 10px;
182
	margin:10px;
191
	padding:20px;
183
	padding:10px;
192
	border-radius:10px;
184
	border-radius:10px;
193
	-moz-border-radius:10px;
185
	-moz-border-radius:10px;
194
	-webkit-border-radius:10px;
186
	-webkit-border-radius:10px;
195
	box-shadow:7px 7px 11px #555;
187
	box-shadow:7px 7px 11px #555;
196
	-moz-box-shadow:2px 2px 9px #aaa;
188
	-moz-box-shadow:2px 2px 9px #aaa;
197
	-webkit-box-shadow:7px 7px 11px #aaa;
189
	-webkit-box-shadow:7px 7px 11px #aaa;
198
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
190
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
199
	zoom:1;/* pour ie8 */
191
	zoom:1;/* pour ie8 */
200
}
192
}
201
.importance3 {
193
.importance3 {
202
	margin:0 10px 10px 10px;
194
	margin:10px;
203
	padding:20px;
195
	padding:20px;
204
	border-radius:10px;
196
	border-radius:10px;
205
	-moz-border-radius:10px;
197
	-moz-border-radius:10px;
206
	-webkit-border-radius:10px;
198
	-webkit-border-radius:10px;
207
	zoom:1;/* pour ie8 */
199
	zoom:1;/* pour ie8 */
208
}
200
}
209
.importance4 {
201
.importance4 {
210
	margin:1px 10px 10px 10px;
202
	margin:10px;
211
	padding:20px;
203
	padding:20px;
212
	background-color:#fff;
204
	background-color:#fff;
213
	border:1px solid #fff;
205
	border:1px solid #fff;
214
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
206
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
215
	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
207
	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
216
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
208
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
217
	zoom:1;/* pour ie8 */
209
	zoom:1;/* pour ie8 */
218
}
210
}
219
.importance1 h1,.importance1 h2,.importance1 h3,.importance2 h1,.importance2 h2,.importance2 h3,.importance3 h1,.importance3 h2,.importance3 h3,.importance4 h1,.importance4 h2,.importance4 h3 {
211
.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{
220
	margin:0 0 10px 0;
212
	margin:0 0 10px 0;
-
 
213
	padding:0 0 0 25px;
-
 
214
}
-
 
215
.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 {
-
 
216
	margin:0;
-
 
217
	padding:0 0 0 35px;
221
}
218
}
Line 222... Line 219...
222
 
219
 
223
/* Flottant */
220
/* Flottant */
224
.gauche {
221
.gauche {
Line 253... Line 250...
253
/* OBSOLETE : A ENLEVER*/
250
/* OBSOLETE : A ENLEVER*/
254
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
251
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
255
	padding:10px 0 0 30px;
252
	padding:10px 0 0 30px;
256
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
253
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
257
}
254
}
258
 
-
 
259
.nettoyage {
255
.nettoyage {
260
	clear:both;
256
	clear:both;
261
}
257
}
262
 
-
 
263
hr.nettoyage {
258
hr.nettoyage {
264
	visibility:hidden;
259
	visibility:hidden;
265
}
260
}
-
 
261
 
266
/* Taille des cadres */
262
/* Taille des cadres */
267
.demi {
263
.demi {
268
	width:50%;
264
	width:50%;
269
}
265
}
270
.tiers {
266
.tiers {
Line 322... Line 318...
322
	color:#6C6865;
318
	color:#6C6865;
323
	font-family:helveticaneue;
319
	font-family:helveticaneue;
324
	font-size:15px;
320
	font-size:15px;
325
	border:none
321
	border:none
326
}
322
}
327
 
-
 
328
#zone_contenu_corps img {
323
#zone_contenu_corps img {
329
	margin:0 5px 0 5px;
324
	margin:0 5px 0 5px;
330
}
325
}
331
#zone-accueil img {
326
#zone-accueil img {
332
	margin:0;
327
	margin:0;
Line 343... Line 338...
343
}
338
}
344
table thead, table tfoot {
339
table thead, table tfoot {
345
	background-color:#EEE;
340
	background-color:#EEE;
346
	border:1px solid #9ac342;
341
	border:1px solid #9ac342;
347
}
342
}
348
 
-
 
349
table tbody {
343
table tbody {
350
	background-color:#FFF;
344
	background-color:#FFF;
351
	border:1px solid #9ac342;
345
	border:1px solid #9ac342;
352
}
346
}
353
 
-
 
354
table th {
347
table th {
355
	font-family:monospace;
348
	font-family:monospace;
356
	border:1px dotted #9ac342;
349
	border:1px dotted #9ac342;
357
	padding:5px;
350
	padding:5px;
358
	background-color:#EEE;
351
	background-color:#EEE;
359
}
352
}
360
 
-
 
361
table td {
353
table td {
362
	font-family:arial;
354
	font-family:arial;
363
	border:1px dotted #9ac342;
355
	border:1px dotted #9ac342;
364
	padding:5px;
356
	padding:5px;
365
	text-align:left;
357
	text-align:left;
366
}
358
}
367
 
-
 
368
table caption {
359
table caption {
369
	font-family:sans-serif;
360
	font-family:sans-serif;
370
}
361
}
371
 
-
 
372
table th[title]:after {
362
table th[title]:after {
373
	content:" "url(/sites/commun/generique/images/icones/aide.png);
363
	content:" "url(/sites/commun/generique/images/icones/aide.png);
374
}
364
}
375
 
-
 
376
.alterner tr:nth-child(even) {
365
.alterner tr:nth-child(even) {
377
	background-color: #CFCFCF ;
366
	background-color: #CFCFCF ;
378
}
367
}
379
 
-
 
380
.alterner-pair tr:nth-child(odd) {
368
.alterner-pair tr:nth-child(odd) {
381
	background-color: #CFCFCF ;
369
	background-color: #CFCFCF ;
382
}
370
}
383
/*+-----------------------------------------------------------------------------------------------------------------+*/
371
/*+-----------------------------------------------------------------------------------------------------------------+*/
384
/* D2fintion des styles de l'applette syndication */
372
/* D2fintion des styles de l'applette syndication */
Line 403... Line 391...
403
.traitTela li a {
391
.traitTela li a {
404
	font-family:arial;
392
	font-family:arial;
405
	font-size:11px;
393
	font-size:11px;
406
	font-weight:bold;
394
	font-weight:bold;
407
}
395
}
408
 
-
 
409
/*+-----------------------------------------------------------------------------------------------------------------+*/
396
/*+-----------------------------------------------------------------------------------------------------------------+*/
410
/* Menu sup�rieur */
397
/* Menu sup�rieur */
411
/* TODO :mettre les petits carr�s � la bonne place */
398
/* TODO :mettre les petits carr�s � la bonne place */
412
#zone-menu-haut {
399
#zone-menu-haut {
413
	position:absolute;
400
	position:absolute;
Line 494... Line 481...
494
#zone-principale {
481
#zone-principale {
495
	width:960px;
482
	width:960px;
496
	margin-left:auto;
483
	margin-left:auto;
497
	margin-right:auto
484
	margin-right:auto
498
}
485
}
499
 
-
 
500
/*+-----------------------------------------------------------------------------------------------------------------+*/
486
/*+-----------------------------------------------------------------------------------------------------------------+*/
501
/* Bandeau Haut des Univers */
487
/* Bandeau Haut des Univers */
502
.zone-haut {
488
.zone-haut {
503
	height:123px;
489
	height:123px;
504
	width:885px;
490
	width:885px;
Line 621... Line 607...
621
#zone-menu-navigation ul li {
607
#zone-menu-navigation ul li {
622
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
608
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
623
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
609
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
624
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
610
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
625
}
611
}
626
 
-
 
627
/*+-----------------------------------------------------------------------------------------------------------------+*/
612
/*+-----------------------------------------------------------------------------------------------------------------+*/
628
/* Couleurs des diff�rents menus */
613
/* Couleurs des diff�rents menus */
629
#menuAccueil {
614
#menuAccueil {
630
	background:#fd8c13;
615
	background:#fd8c13;
631
}
616
}
Line 825... Line 810...
825
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
810
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
826
	list-style:upper-alpha inside;
811
	list-style:upper-alpha inside;
827
	background:none;
812
	background:none;
828
	padding:0;
813
	padding:0;
829
}
814
}
830
 
-
 
831
.listeNumerique li h3 {
815
.listeNumerique li h3 {
832
	display:inline;
816
	display:inline;
833
}
817
}
834
 
-
 
835
 
-
 
836
#zone_contenu_corps ul li ul {
818
#zone_contenu_corps ul li ul {
837
	margin-bottom:10px;
819
	margin-bottom:10px;
838
}
820
}
839
.filetVert {
821
.filetVert {
840
	width:300px;
822
	width:300px;
Line 852... Line 834...
852
/*Onglets*/
834
/*Onglets*/
853
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets { 
835
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets { 
854
	display:inline-block;
836
	display:inline-block;
855
	padding:0;
837
	padding:0;
856
}
838
}
-
 
839
.onglets {
-
 
840
	margin:0;
-
 
841
}
857
.onglets a {border:none
842
.onglets a {
-
 
843
	border:none
858
}
844
}
859
 
-
 
860
 
-
 
861
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
845
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
862
	list-style-image:none;
846
	list-style-image:none;
863
	padding:5px 3px 5px 3px;
847
	padding:5px 3px 5px 3px;
864
	margin-top:2px;
848
	margin-top:2px;
865
	background-color:#C2C0AD;
849
	background-color:#C2C0AD;
Line 879... Line 863...
879
	border:1px solid #c2c0ad;
863
	border:1px solid #c2c0ad;
880
	border-bottom:0px solid #c2c0ad;
864
	border-bottom:0px solid #c2c0ad;
881
	text-decoration:none;
865
	text-decoration:none;
882
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
866
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
883
}
867
}
884
 
-
 
885
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
868
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
886
	background:none;
869
	background:none;
887
	color:#FD8C13;
870
	color:#FD8C13;
888
	font-weight:bold;
871
	font-weight:bold;
889
}
872
}
Line 898... Line 881...
898
	color:#6C6865;
881
	color:#6C6865;
899
}
882
}
900
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
883
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
901
	color:#FD8C13;
884
	color:#FD8C13;
902
}
885
}
903
#zone_contenu_corps .onglets li:hover, #zone_contenu_corps .menu_classique_n3 li:hover{ background:white; border-bottom:0}
886
#zone_contenu_corps .onglets li:hover, #zone_contenu_corps .menu_classique_n3 li:hover{
-
 
887
	background:white;
-
 
888
	border-bottom:0;
-
 
889
}
904
#zone_contenu_corps .onglets li a:hover,  #zone_contenu_corps .menu_classique_n3 a:hover {color:#FD8C13; background:white}
890
#zone_contenu_corps .onglets li a:hover,  #zone_contenu_corps .menu_classique_n3 a:hover{
-
 
891
	color:#FD8C13;
-
 
892
	background:white
905
 
893
}
906
#cartographieVolante {
894
#cartographieVolante {
907
	position:absolute;
895
	position:absolute;
908
	z-index:10;
896
	z-index:10;
909
	background:white;
897
	background:white;
910
	border:solid 1px #AAAAAA;
898
	border:solid 1px #AAAAAA;
Line 923... Line 911...
923
	-moz-border-radius:10px;
911
	-moz-border-radius:10px;
924
	-webkit-border-radius:10px;
912
	-webkit-border-radius:10px;
925
	border-radius:10px;
913
	border-radius:10px;
926
	float:left;
914
	float:left;
927
	padding-left:65px;
915
	padding-left:65px;
928
	margin-left:30px}
916
	margin-left:30px;
-
 
917
}
929
#bandeauProjets ul {
918
#bandeauProjets ul {
930
	margin:0;
919
	margin:0;
931
	height:98px;
920
	height:98px;
932
	padding:0px;
921
	padding:0px;
933
	list-style:none;
922
	list-style:none;