Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev 1027 Rev 1038
Line 1... Line 1...
1
/* STYLE COMMUN */ /* D�finition des polices exotiques */
1
/* STYLE COMMUN */ /* Définition des polices exotiques */
2
/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
2
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
3
  Pour windows, elle est remplac�e par la police Helveticaneue2 */
3
  Pour windows, elle est remplacée par la police Helveticaneue2 */
4
@font-face {
4
@font-face {
5
	font-family:Helveticaneue;
5
	font-family:Helveticaneue;
6
	src:url('/commun/polices/helvetica_light.ttf');
6
	src:url('/commun/polices/helvetica_light.ttf');
7
}
7
}
8
@font-face {
8
@font-face {
9
	font-family:Helveticaneue2;
9
	font-family:Helveticaneue2;
10
	src:url('/commun/polices/helvetica_light.eot');
10
	src:url('/commun/polices/helvetica_light.eot');
11
}
11
}
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
12
/*+-----------------------------------------------------------------------------------------------------------------+*/
13
/* Red�finition des styles par d�faut des balises */
13
/* Redéfinition des styles par défaut des balises */
14
body {
14
body {
15
	margin:0;
15
	margin:0;
16
	padding:0;
16
	padding:0;
17
	font-family:arial;
17
	font-family:arial;
18
	font-weight:normal;
18
	font-weight:normal;
Line 74... Line 74...
74
}
74
}
75
hr {
75
hr {
76
	border:0;
76
	border:0;
77
	border-bottom:1px dotted #C2C0AD;
77
	border-bottom:1px dotted #C2C0AD;
78
}
78
}
79
/* Pr�sentation des listes de d�finitions */
79
/* Pr�sentation des listes de définitions */
80
dl {
80
dl {
81
	width:100%;
81
	width:100%;
82
}
82
}
83
dt {
83
dt {
84
	float:left;
84
	float:left;
Line 105... Line 105...
105
}
105
}
106
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
106
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
107
a.lien-ext:after {
107
a.lien-ext:after {
108
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
108
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
109
}
109
}
110
/* Les liens externes doivent être précédés d'une icone */
110
/* Les liens externes doivent être précédés d'une icone */
111
a[href^="http://www."][target]:before{
111
a[href^="http://www."][target]:before{
112
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
112
	content:url(/sites/commun/generique/images/icones/fichier_htm.png)" ";
113
}
113
}
114
/* Les liens internes ne doivent pas être précédés d'une icone */
114
/* Les liens internes ne doivent pas être précédés d'une icone */
115
a[href^="http://www.tela-botanica.org"][target]:before{
115
a[href^="http://www.tela-botanica.org"][target]:before{
116
	content:" ";
116
	content:" ";
117
}
117
}
118
/* Gestion des fichiers PDF */
118
/* Gestion des fichiers PDF */
119
a[href$=".pdf"]:before , a.pdf:before {
119
a[href$=".pdf"]:before , a.pdf:before {
120
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
120
	content:url(/sites/commun/generique/images/icones/fichier_pdf.png)" ";
121
}
121
}
122
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
122
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */
123
	content:" "url(/sites/commun/generique/images/icones/mail.png);
123
	content:" "url(/sites/commun/generique/images/icones/mail.png);
124
}
124
}
125
/*+-----------------------------------------------------------------------------------------------------------------+*/
125
/*+-----------------------------------------------------------------------------------------------------------------+*/
126
/* Classes & couleurs */
126
/* Classes & couleurs */
127
.rejoindre {
127
.rejoindre {
Line 326... Line 326...
326
}
326
}
327
#zone_contenu_corps h1, #contenu h1 {
327
#zone_contenu_corps h1, #contenu h1 {
328
	background:url(../images/troisCarre.png) no-repeat 0 5px;
328
	background:url(../images/troisCarre.png) no-repeat 0 5px;
329
}
329
}
330
/*+-----------------------------------------------------------------------------------------------------------------+*/
330
/*+-----------------------------------------------------------------------------------------------------------------+*/
331
/* Tableau :encadr� */
331
/* Tableau :encadré */
332
/* Ancien table_cadre */
332
/* Ancien table_cadre */
333
table {
333
table {
334
	border:1px solid #9ac342;
334
	border:1px solid #9ac342;
335
	border-collapse:collapse;
335
	border-collapse:collapse;
336
}
336
}
Line 365... Line 365...
365
}
365
}
366
.alterner-pair tr:nth-child(odd) {
366
.alterner-pair tr:nth-child(odd) {
367
	background-color: #CFCFCF ;
367
	background-color: #CFCFCF ;
368
}
368
}
369
/*+-----------------------------------------------------------------------------------------------------------------+*/
369
/*+-----------------------------------------------------------------------------------------------------------------+*/
370
/* D2fintion des styles de l'applette syndication */
370
/* Défintion des styles de l'applette syndication */
371
.contenu_RSS h3 {
371
.contenu_RSS h3 {
372
	margin:0;
372
	margin:0;
373
}
373
}
374
.contenu_RSS h4 {
374
.contenu_RSS h4 {
375
	font-size:11px;
375
	font-size:11px;
Line 390... Line 390...
390
	font-family:arial;
390
	font-family:arial;
391
	font-size:11px;
391
	font-size:11px;
392
	font-weight:bold;
392
	font-weight:bold;
393
}
393
}
394
/*+-----------------------------------------------------------------------------------------------------------------+*/
394
/*+-----------------------------------------------------------------------------------------------------------------+*/
395
/* Menu sup�rieur */
395
/* Menu supérieur */
396
/* TODO :mettre les petits carr�s � la bonne place */
396
/* TODO :mettre les petits carrés à la bonne place */
397
#zone-menu-haut {
397
#zone-menu-haut {
398
	position:absolute;
398
	position:absolute;
399
	top:0;
399
	top:0;
400
	width:880px;
400
	width:880px;
401
	height:12px;
401
	height:12px;
Line 507... Line 507...
507
  font-size:12px;
507
  font-size:12px;
508
  color:white;
508
  color:white;
509
  content:" "attr(title)" ";
509
  content:" "attr(title)" ";
510
}
510
}
Line 511... Line 511...
511
 
511
 
512
/* Sous-titre du r�seau */
512
/* Sous-titre du réseau */
513
.zone-haut h2 {
513
.zone-haut h2 {
514
	position:absolute;
514
	position:absolute;
515
	top:135px;
515
	top:135px;
516
	margin:0 0 0 90px;
516
	margin:0 0 0 90px;
517
	font-size:16px;
517
	font-size:16px;
518
	font-family:arial;
518
	font-family:arial;
519
	text-transform:none;
519
	text-transform:none;
520
	color:white;
520
	color:white;
Line 521... Line 521...
521
}
521
}
522
 
522
 
523
/* Mots-cl�s des univers */
523
/* Mots-clés des univers */
524
.motsclefs {
524
.motsclefs {
525
	position:absolute;
525
	position:absolute;
526
	font-family:Helveticaneue;
526
	font-family:Helveticaneue;
Line 606... Line 606...
606
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
606
	-moz-border-radius:7px; -webkit-border-radius:7px; 	border-radius:7px;
607
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
607
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
608
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
608
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
609
}
609
}
610
/*+-----------------------------------------------------------------------------------------------------------------+*/
610
/*+-----------------------------------------------------------------------------------------------------------------+*/
611
/* Couleurs des diff�rents menus */
611
/* Couleurs des différents menus */
612
#menuAccueil {
612
#menuAccueil {
613
	background:#fd8c13;
613
	background:#fd8c13;
614
}
614
}
615
#menuBotanique {
615
#menuBotanique {
616
	background:#9ac243;
616
	background:#9ac243;
Line 769... Line 769...
769
  font-family: arial;
769
  font-family: arial;
770
  font-size: 11px;
770
  font-size: 11px;
771
}
771
}
Line 772... Line 772...
772
 
772
 
773
/*+-----------------------------------------------------------------------------------------------------------------+*/
773
/*+-----------------------------------------------------------------------------------------------------------------+*/
774
/** Menu lat�ral :Zone gauche **/
774
/** Menu latéral :Zone gauche **/
775
#zone-gauche {
775
#zone-gauche {
776
	width:170px;
776
	width:170px;
777
	float:left;
777
	float:left;
778
	margin-left:0;
778
	margin-left:0;
Line 1075... Line 1075...
1075
	color:#3a3633;
1075
	color:#3a3633;
1076
}
1076
}
1077
#coordonees a:hover, #coordonees a:focus {
1077
#coordonees a:hover, #coordonees a:focus {
1078
	color:#fd8c13;
1078
	color:#fd8c13;
1079
}
1079
}
-
 
1080
 
-
 
1081
/* 
-
 
1082
 Style pour les lien pliage/depliage automatique
-
 
1083
/*	*/
-
 
1084
.lien_pliage {
-
 
1085
	padding-left:20px;
-
 
1086
	cursor: pointer;
-
 
1087
}
-
 
1088
 
-
 
1089
.lien_pliage.plie {
-
 
1090
	background:url(../../../commun/generique/images/plus.png) no-repeat 0px 0px;
-
 
1091
}
-
 
1092
 
-
 
1093
.lien_pliage {
-
 
1094
	background:url(../../../commun/generique/images/moins.png) no-repeat 0px 0px;
-
 
1095
}
-
 
1096
 
1080
/*+-----------------------------------------------------------------------------------------------------------------+*/
1097
/*+-----------------------------------------------------------------------------------------------------------------+*/
1081
/* Mise en page en colonne depuis www.1kbgrid.com */
1098
/* Mise en page en colonne depuis www.1kbgrid.com */
1082
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
1099
/* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
1083
.grid_1 {
1100
.grid_1 {
1084
	width:60px;
1101
	width:60px;