Subversion Repositories Sites.tela-botanica.org

Rev

Rev 834 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 834 Rev 835
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 72... Line 72...
72 
}
 72 
}
73 
hr {
 73 
hr {
74 
	border:0;
 74 
	border:0;
75 
	border-bottom:1px dotted #C2C0AD;
 75 
	border-bottom:1px dotted #C2C0AD;
76 
}
 76 
}
77 
/* Pr�sentation des listes de d�finitions */
 77 
/* Présentation des listes de définitions */
78 
dl {
 78 
dl {
79 
	width:100%;
 79 
	width:100%;
80 
}
 80 
}
81 
dt {
 81 
dt {
82 
	float:left;
 82 
	float:left;
Line 94... Line 94...
94 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 94 
/*+-----------------------------------------------------------------------------------------------------------------+*/
95 
/* Liens */
 95 
/* Liens */
96 
a {
 96 
a {
97 
	color:#598000;
 97 
	color:#598000;
98 
	border-bottom:1px dotted #95ae5d;
 98 
	border-bottom:1px dotted #95ae5d;
99 
}/* �vite l'effet de d�calage. */
 - 
 
- 
 
 99 
}
100 
a:hover {
 100 
a:hover {
101 
	color:#FD8C13;
 101 
	color:#FD8C13;
102 
	border-bottom:1px dotted #95ae5d;
 102 
	border-bottom:1px dotted #95ae5d;
103 
}
 103 
}
104 
a.lien-ext:after {
 104 
a.lien-ext:after {
105 
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
 105 
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
106 
}
 106 
}
107 
a.pdf:before {
 107 
a.pdf:before {
108 
	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
 108 
	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
109 
}
 109 
}
110 
a[href ^="mailto:"]:after  {/* CSS3 : ajout d'un espace entre href et ^ pour konqueror */
 110 
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilité Konqueror */
111 
	content:" "url(/sites/commun/generique/images/icones/mail.png);
 111 
	content:" "url(/sites/commun/generique/images/icones/mail.png);
112 
}
 112 
}
113 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 113 
/*+-----------------------------------------------------------------------------------------------------------------+*/
114 
/* Classes & couleurs */
 114 
/* Classes & couleurs */
115 
.icone-erable {
 115 
.icone-erable {
Line 282... Line 282...
282 
}
 282 
}
283 
#zone_contenu_corps h1, #contenu h1 {
 283 
#zone_contenu_corps h1, #contenu h1 {
284 
	background:url(../images/troisCarre.png) no-repeat 0 5px;
 284 
	background:url(../images/troisCarre.png) no-repeat 0 5px;
285 
}
 285 
}
286 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 286 
/*+-----------------------------------------------------------------------------------------------------------------+*/
287 
/* Tableau :encadr� */
 287 
/* Tableau :encadré */
288 
.table_cadre {
 288 
.table_cadre {
289 
	border:1px solid #9ac342;
 289 
	border:1px solid #9ac342;
290 
	border-collapse:collapse;
 290 
	border-collapse:collapse;
291 
}
 291 
}
292 
.table_cadre thead, .table_cadre tfoot {
 292 
.table_cadre thead, .table_cadre tfoot {
Line 357... Line 357...
357 
	-moz-border-radius:30px;
 357 
	-moz-border-radius:30px;
358 
	-webkit-border-radius:30px;
 358 
	-webkit-border-radius:30px;
359 
	border-radius:30px;
 359 
	border-radius:30px;
360 
}
 360 
}
361 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 361 
/*+-----------------------------------------------------------------------------------------------------------------+*/
362 
/* Menu sup�rieur */
 362 
/* Menu supérieur */
363 
/* TODO :mettre les petits carr�s � la bonne place */
 363 
/* TODO :mettre les petits carrés é la bonne place */
364 
#zone-menu-haut {
 364 
#zone-menu-haut {
365 
	position:absolute;
 365 
	position:absolute;
366 
	top:0;
 366 
	top:0;
367 
	width:880px;
 367 
	width:880px;
368 
	height:12px;
 368 
	height:12px;
Line 447... Line 447...
447 
#zone-principale {
 447 
#zone-principale {
448 
	width:960px;
 448 
	width:960px;
449 
	margin-left:auto;
 449 
	margin-left:auto;
450 
	margin-right:auto
 450 
	margin-right:auto
451 
}
 451 
}
- 
 
 452 
 
452 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 453 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 454 
/* Bandeau Haut des Univers */
- 
 
 455 
.zone-haut {
- 
 
 456 
	height:123px;
- 
 
 457 
	width:885px;
- 
 
 458 
	margin:32px 0 0 0;
- 
 
 459 
}
- 
 
 460 
 
453 
/* Logo Tela Botanica */
 461 
/* Logo Tela Botanica */
454 
#zone-logo-tela {
 462 
#zone-logo-tela {
455 
	position:absolute;
 463 
	position:absolute;
456 
	margin-top:3px;
 464 
	margin-top:3px;
457 
	background:none;
 465 
	background:none;
Line 467... Line 475...
467 
#zone-logo-tela a:hover:after {
 475 
#zone-logo-tela a:hover:after {
468 
  font-size:12px;
 476 
  font-size:12px;
469 
  color:white;
 477 
  color:white;
470 
  content:" "attr(title)" ";
 478 
  content:" "attr(title)" ";
471 
}
 479 
}
472 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 - 
 
473 
.zone-haut {
 - 
 
474 
	height:123px;
 - 
 
475 
	width:885px;
 - 
 
476 
	margin:32px 0 0 0;
 - 
 
477 
	text-align:center;
 - 
 
478 
}
 480 
 
- 
 
 481 
/* Sous-titre du réseau */
479 
.zone-haut h2 {
 482 
.zone-haut h2 {
480 
	position:absolute;
 483 
	position:absolute;
481 
	top:135px;
 484 
	top:135px;
482 
	margin:0 0 0 90px;
 485 
	margin:0 0 0 90px;
483 
	font-size:16px;
 486 
	font-size:16px;
484 
	font-family:arial;
 487 
	font-family:arial;
485 
	text-transform:none;
 488 
	text-transform:none;
486 
	color:white;
 489 
	color:white;
487 
}
 490 
}
- 
 
 491 
 
488 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 492 
/* Mots-clés des univers */
489 
.motsclefs {
 493 
.motsclefs {
490 
	position:absolute;
 494 
	position:absolute;
491 
	/* N�cessaire pour IE */
 - 
 
492 
	width:0;
 - 
 
493 
	font-family:Helveticaneue;
 495 
	font-family:Helveticaneue;
494 
	letter-spacing:-1px;
 496 
	letter-spacing:-1px;
495 
	font-weight:lighter;
 497 
	font-weight:lighter;
496 
}
 498 
}
497 
.motsclefs h3 {
 499 
.motsclefs h3 {
Line 566... Line 568...
566 
	padding-bottom:5px;
 568 
	padding-bottom:5px;
567 
	border-bottom:4px solid grey;
 569 
	border-bottom:4px solid grey;
568 
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
 570 
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
569 
}
 571 
}
570 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 572 
/*+-----------------------------------------------------------------------------------------------------------------+*/
571 
/* Couleurs des diff�rents menus */
 573 
/* Couleurs des différents menus */
572 
#menuAccueil {
 574 
#menuAccueil {
573 
	background:#fd8c13;
 575 
	background:#fd8c13;
574 
}
 576 
}
575 
#menuBotanique {
 577 
#menuBotanique {
576 
	background:#9ac243;
 578 
	background:#9ac243;
Line 715... Line 717...
715 
}
 717 
}
716 
#zone-menu-connexion #colonneDroite {
 718 
#zone-menu-connexion #colonneDroite {
717 
	padding:15px 0;
 719 
	padding:15px 0;
718 
}
 720 
}
719 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 721 
/*+-----------------------------------------------------------------------------------------------------------------+*/
720 
/** Menu lat�ral :Zone gauche **/
 722 
/** Menu latéral :Zone gauche **/
721 
#zone-gauche {
 723 
#zone-gauche {
722 
	width:170px;
 724 
	width:170px;
723 
	float:left;
 725 
	float:left;
724 
	margin-left:0;
 726 
	margin-left:0;
725 
	padding-bottom:100px;
 727 
	padding-bottom:100px;