Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev 734 Rev 747
Line 1... Line -...
1 
 
 - 
 
2 
	/********* STYLE COMMUN A TOUTES LES PAGES *********/
 - 
 
3
- 
 
4 
		/** Définition des polices exotiques **/
 1 
/* STYLE COMMUN */ /* Définition des polices exotiques */
5 
		/* 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).
6 
			Pour windows, elle est remplacée par la police Helveticaneue2 */
 3 
   Pour windows, elle est remplacée par la police Helveticaneue2 */
- 
 
 4 
@font-face {
7 
		@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
 5 
	font-family:Helveticaneue;
8 
		@font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); }
 6 
	src:url('/commun/polices/helvetica_light.ttf');}
9
7 
@font-face {
10 
		/* Optima n'est pas utile dans les pages intèrieures.
 8 
	font-family:Helveticaneue2;
11 
		@font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); }
 9 
	src:url('/commun/polices/helvetica_light.eot');}
- 
 
 10 
/*+-----------------------------------------------------------------------------------------------------------------+*/
12 
		@font-face { font-family: optima2; src: url('../polices/optima_demi_bold.eot'); }
 11 
	/* Redéfinition des styles par défaut des balises */
13 
		*/
 - 
 
14
- 
 
- 
 
 12 
img, form, td, div, p, br, a, h1, h2 {
15 
		/** Classes **/
 13 
	padding:0;
16 
		/* Marges */
 14 
	border:0;
17 
		img,form,td,div,p,br,a,h1,h2{padding:0; border:0; text-decoration:none;}
 15 
	text-decoration:none;}
18 
		ul,form,li,td,div,p,br,a,h1,h2{margin:0; }
 16 
ul, form, li, td, div, p, br, a, h1, h2 {
- 
 
 17 
	margin:0;}
19
18 
p {
20 
		/* Classes & couleurs */
 19 
	color:black;
21 
		.nodisplay {display:none}
 20 
	font-family:arial;
22 
		.hidden	{visibility:hidden}
 21 
	font-size:12px;
23 
		.spacer125 {width:125px; float:left;}
 22 
	font-weight:normal;
24 
		.cadreRondVert h1 {margin:0 0 10px 0}
 23 
	line-height:18px;
25 
		.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
24 
	text-align:justify;}
26 
		-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
- 
 
27 
 		-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
- 
 
28 
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
- 
 
- 
 
 25 
p a {
29 
		padding:8px; }
 26 
	color:#7B9C35;}
- 
 
 27 
strong, b {
30 
		.cadreRondGris h1 {margin:0 0 10px 0}
 28 
	color:#222222;}
31 
		.cadreRondGris h3 {margin:0}
 29 
h1, h2, h3, h4 {
32 
		.cadreRondGris { width:685px; float:left; margin-top:20px; background-color:#e5e4d4;
 30 
	font-weight:bold;
33 
		-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
- 
 
34 
 		-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
- 
 
35 
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
- 
 
36 
		padding:8px; }
 31 
	letter-spacing:0;
37 
		.floatLeft {float:left}
 32 
	font-family:arial;}
38 
		.notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; }
 - 
 
39
33 
h1 {
40 
		.petitcarre	{padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
 - 
 
41 
		.troiscarre	{padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
 34 
	padding:0 0 0 25px;
42 
		#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche	{padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
 - 
 
- 
 
 35 
	color:#fd8c13;
43 
		#zone_contenu_corps {font-family:arial; font-size:12px}
 36 
	font-size:14px;
44 
		#zone_contenu_corps .liste_projet li, #contenu .liste_projet li	{background:none}
 37 
	text-transform:uppercase;
45 
		#zone_contenu_corps .liste_projet h1, #contenu .liste_projet h1 {margin-bottom:0}
 38 
	margin-bottom:20px;
46
- 
 
47 
		#zone_contenu_corps a {color:#7B9C35}
 39 
	margin-top:5px;}
48 
		.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
 - 
 
49 
		.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
 40 
h1 a:link, h1 a:visited, h1 a:active {
50 
		.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
 - 
 
51
- 
 
52 
		.clear,.nettoyage{clear:both;}
 41 
	color:#fd8c13;}
53
- 
 
54 
		/** Cadre rond gris : mise en page **/
 42 
h1 a:hover, h1 a:focus {
55 
		.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
 - 
 
56 
		.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
 43 
	color:#7b9c35;}
57
44 
h2, h2 a {
- 
 
 45 
	color:#FD8C13;
58 
		/* Taille des cadres */
 46 
	font-family:arial;
- 
 
 47 
	font-size:12px;
59 
		.moitie {width:310px; float:left;}
 48 
	font-weight:normal;
- 
 
 49 
	letter-spacing:0;
60 
		.deuxTiersGauche {width:410px; margin-right:20px; float:left}
 50 
	margin:20px 0 12px 0;
61 
		.deuxTiersDroite {width:240px;  float:left}
 51 
	text-transform:uppercase;
62 
		.plein {width:620px;}
 52 
	font-weight:bold;}
63
- 
 
64 
		/* typographies */
 53 
h2 a:hover {
65 
		p { color:black; font-family:arial; font-size:12px; font-weight:normal; line-height:18px; text-align:justify; }
 - 
 
66 
		p.orange{ color:#fd8c13; line-height:12px; }
 54 
	color:#6C6865;}
- 
 
 55 
h2 a:focus {
67 
		.orange	{color:#fd8c13; font-family:arial;}
 56 
	color:#fd8c13;}
- 
 
 57 
h3, h3 a {
68 
		p.blanc { color:#fff; font-size:11px; line-height:12px; }
 58 
	color:#6C6865;
69 
		.vertpetit { color:#7b9c35; font-family:arial; font-size:11px; font-weight:bold; }
 - 
 
70 
		.grispetit { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold; }
 59 
	font-family:arial;
71 
		.gris{ color:#3a3633; font-family:arial; font-size:12px; }
 60 
	font-size:13px;
72 
		.overflow-hidden { overflow:hidden;}
61 
	font-weight:bold;
73
- 
 
74 
		strong, b	{color:#222222}
 62 
	letter-spacing:0;
75 
		#contenu a, p a {color:#7B9C35; }
 63 
	margin:20px 0 12px;}
76 
		#zone_contenu_corps  h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a{color:#FD8C13; }
 - 
 
77
- 
 
78 
		.boutonJaune {background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12; padding:4px 10px 4px 30px;
 - 
 
79 
		-moz-border-radius: 10px 10px 10px 10px; color:#6C6865; font-family:helveticaneue; font-size:15px}
 - 
 
80
64 
h4 {
81 
		h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
 - 
 
82 
		#zone_contenu_corps h1, #contenu h1 {background:url(../images/troisCarre.png) no-repeat 0px 5px;}
 - 
 
83 
		h1 {padding:0px 0 0 25px;  color:#fd8c13;  font-size:14px;
 65 
	font-size:11px;
84 
			 text-transform:uppercase;  margin-bottom:20px; margin-top:5px }
 66 
	margin:2px 2px 2px 0;
85 
		h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
 67 
	color:#7b9c35;
86 
		h1 a:hover, h1 a:focus { color:#7b9c35; }
 68 
	font-weight:normal;}
87
- 
 
88 
    /* presentation des listes de definitions */
 69 
/* Présentation des listes de définitions */
- 
 
 70 
dl {
89 
dl {width:100%;}
 71 
	width:100%;}
90 
dt {
 72 
dt {
91 
  float:left;
 73 
	float:left;
92 
  font-weight: bold;
 74 
	font-weight:bold;
93 
  text-align:top left;
 75 
	text-align:top left;
94 
  margin-right:0.3em;}
 76 
	margin-right:0.3em;}
95 
dd {
 77 
dd {
96 
  width:auto;
 78 
	width:auto;
97 
  margin-left:0;
 79 
	margin-left:0;
98 
  margin:0.5em 0;}
 80 
	margin:0.5em 0;}
- 
 
 81 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 82 
	/* Classes & couleurs */
- 
 
 83 
.nodisplay {
- 
 
 84 
	display:none;}
- 
 
 85 
.hidden {
- 
 
 86 
	visibility:hidden;}
- 
 
 87 
.spacer125 {
- 
 
 88 
	width:125px;
- 
 
 89 
	float:left;}
- 
 
 90 
.cadreRondVert h1 {
- 
 
 91 
	margin:0 0 10px 0;}
- 
 
 92 
.cadreRondVert {
- 
 
 93 
	width:685px;
- 
 
 94 
	float:left;
- 
 
 95 
	margin-bottom:20px;
- 
 
 96 
	background-color:#eaedcd;
- 
 
 97 
	-moz-border-radius:10px;
- 
 
 98 
	-webkit-border-radius:10px;
- 
 
 99 
	border-radius:10px;
- 
 
 100 
	-moz-box-shadow:2px 2px 5px #aaa;
- 
 
 101 
	-webkit-box-shadow:7px 7px 11px #aaa;
- 
 
 102 
	box-shadow:7px 7px 11px #555;
- 
 
 103 
	filter:progid :DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
- 
 
 104 
	zoom:1;/* pour ie8 */
- 
 
 105 
	padding:8px;}
- 
 
 106 
.cadreRondGris h1 {
- 
 
 107 
	margin:0 0 10px 0;}
- 
 
 108 
.cadreRondGris h3 {
- 
 
 109 
	margin:0;}
- 
 
 110 
.cadreRondGris {
- 
 
 111 
	width:685px;
- 
 
 112 
	float:left;
- 
 
 113 
	margin-top:20px;
- 
 
 114 
	background-color:#e5e4d4;
- 
 
 115 
	-moz-border-radius:10px;
- 
 
 116 
	-webkit-border-radius:10px;
- 
 
 117 
	border-radius:10px;
- 
 
 118 
	-moz-box-shadow:2px 2px 5px #aaa;
- 
 
 119 
	-webkit-box-shadow:7px 7px 11px #aaa;
- 
 
 120 
	box-shadow:7px 7px 11px #555;
- 
 
 121 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
- 
 
 122 
	zoom:1;/* pour ie8 */
- 
 
 123 
	padding:8px;}
- 
 
 124 
.floatLeft {
- 
 
 125 
	float:left;}
- 
 
 126 
.notext {
- 
 
 127 
	display:none;
- 
 
 128 
	left:-5000px;
- 
 
 129 
	top:-5000px;
- 
 
 130 
	text-indent:-5000px;}
- 
 
 131 
.petitcarre {
- 
 
 132 
	padding-left:15px;
- 
 
 133 
	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
- 
 
 134 
.troiscarre {
- 
 
 135 
	padding-left:30px;
- 
 
 136 
	background:url(../images/troisCarre.png) no-repeat 5px 5px;}
- 
 
 137 
#contenu .puceFleche,#zone_contenu_corps .puceFleche,.puceFleche {
- 
 
 138 
	padding:10px 0 0 30px;
- 
 
 139 
	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
- 
 
 140 
#zone_contenu_corps {
- 
 
 141 
	font-family:arial;
- 
 
 142 
	font-size:12px;}
- 
 
 143 
#zone_contenu_corps .liste_projet li,#contenu .liste_projet li {
- 
 
 144 
	background:none;}
- 
 
 145 
#zone_contenu_corps .liste_projet h1,#contenu .liste_projet h1 {
- 
 
 146 
	margin-bottom:0;}
99 
.ajout_2point dt:after {content:" : ";}
 147 
#zone_contenu_corps a {
- 
 
 148 
	color:#7B9C35;}
- 
 
 149 
.champs {
- 
 
 150 
	font-family:arial;
- 
 
 151 
	font-size:11px;
- 
 
 152 
	background-color:#ffffff;
- 
 
 153 
	border:dotted 1px #7b9c35;
- 
 
 154 
	color:#3a3633;
- 
 
 155 
	margin-bottom:7px;}
- 
 
 156 
.champs2 {
- 
 
 157 
	font-family:arial;
- 
 
 158 
	font-size:11px;
- 
 
 159 
	color:#3a3633;}
100 
 
 160 
.ok {
- 
 
 161 
	font-family:arial;
- 
 
 162 
	font-size:11px;
- 
 
 163 
	font-weight:bold;
- 
 
 164 
	background-color:#ffffff;
- 
 
 165 
	border:dotted 1px #7b9c35;
- 
 
 166 
	color:#fd8c13;
- 
 
 167 
	margin-left:242px;
- 
 
 168 
	font-variant:small-caps;}
- 
 
 169 
.clear,.nettoyage {
- 
 
 170 
	clear:both;}
- 
 
 171 
/* Cadre rond gris :mise en page */
- 
 
 172 
.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
- 
 
 173 
	width:320px;
- 
 
 174 
	padding:20px;
- 
 
 175 
	border-right:1px dotted #959486;
- 
 
 176 
	float:left;}
- 
 
 177 
.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
- 
 
 178 
	width:284px;
- 
 
 179 
	float:left;
- 
 
 180 
	padding:20px;}
101 
/* Tableau */
 181 
/* Taille des cadres */
- 
 
 182 
.moitie {
- 
 
 183 
	width:310px;
- 
 
 184 
	float:left;}
- 
 
 185 
.deuxTiersGauche {
- 
 
 186 
	width:410px;
- 
 
 187 
	margin-right:20px;
- 
 
 188 
	float:left;}
- 
 
 189 
.deuxTiersDroite {
- 
 
 190 
	width:240px;
- 
 
 191 
	float:left;}
- 
 
 192 
.plein {
- 
 
 193 
	width:620px;}
102 
/* Table */
 194 
/* Typographies */
- 
 
 195 
.orange {
- 
 
 196 
	color:#fd8c13;
- 
 
 197 
	font-family:arial;}
- 
 
 198 
p.orange {
- 
 
 199 
	line-height:12px;}
- 
 
 200 
.blanc {
- 
 
 201 
	color:#fff;}
- 
 
 202 
p.blanc {
- 
 
 203 
	font-size:11px;
- 
 
 204 
	line-height:12px;}
- 
 
 205 
.vertpetit {
- 
 
 206 
	color:#7b9c35;
- 
 
 207 
	font-family:arial;
- 
 
 208 
	font-size:11px;
- 
 
 209 
	font-weight:bold;}
- 
 
 210 
.grispetit {
- 
 
 211 
	color:#3a3633;
- 
 
 212 
	font-family:arial;
- 
 
 213 
	font-size:11px;
- 
 
 214 
	font-weight:bold;}
- 
 
 215 
.gris {
- 
 
 216 
	color:#3a3633;
- 
 
 217 
	font-family:arial;
- 
 
 218 
	font-size:12px;}
- 
 
 219 
.overflow-hidden {
- 
 
 220 
	overflow:hidden;}
- 
 
 221 
#contenu a {
- 
 
 222 
	color:#7B9C35;}
- 
 
 223 
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
- 
 
 224 
	color:#FD8C13;}
- 
 
 225 
.boutonJaune {
- 
 
 226 
	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
- 
 
 227 
	padding:4px 10px 4px 30px;
- 
 
 228 
	-moz-border-radius:10px;
- 
 
 229 
	-webkit-border-radius:10px;
- 
 
 230 
	border-radius:10px;
- 
 
 231 
	color:#6C6865;
- 
 
 232 
	font-family:helveticaneue;
- 
 
 233 
	font-size:15px;}
- 
 
 234 
#zone_contenu_corps h1,#contenu h1 {
- 
 
 235 
	background:url(../images/troisCarre.png) no-repeat 0 5px;}
- 
 
 236 
.ajout_2point dt:after {
- 
 
 237 
	content:" :";}
- 
 
 238 
/*+-----------------------------------------------------------------------------------------------------------------+*/
- 
 
 239 
	/* Tableau :encadré */
103 
.table_cadre{
 240 
.table_cadre {
104 
	border:1px solid #9ac342;
 241 
	border:1px solid #9ac342;
105 
	border-collapse:collapse;}
 242 
	border-collapse:collapse;}
106 
.table_cadre thead, .table_cadre tfoot{
 243 
.table_cadre thead,.table_cadre tfoot {
107 
	background-color:#EEE;
 244 
	background-color:#EEE;
108 
	border:1px solid #9ac342;}
 245 
	border:1px solid #9ac342;}
109 
.table_cadre tbody{
 246 
.table_cadre tbody {
110 
	background-color:#FFF;
 247 
	background-color:#FFF;
111 
	border:1px solid #9ac342;}
 248 
	border:1px solid #9ac342;}
112 
.table_cadre th{
 249 
.table_cadre th {
113 
	font-family:monospace;
 250 
	font-family:monospace;
114 
	border:1px dotted #9ac342;
 251 
	border:1px dotted #9ac342;
115 
	padding:5px;
 252 
	padding:5px;
116 
	background-color:#EEE;}
 253 
	background-color:#EEE;}
117 
.table_cadre td{
 254 
.table_cadre td {
118 
	font-family:sans-serif;
 255 
	font-family:sans-serif;
119 
	font-size:80%;
 256 
	font-size:80%;
120 
	border:1px dotted #9ac342;
 257 
	border:1px dotted #9ac342;
121 
	padding:5px;
 258 
	padding:5px;
122 
	text-align:left;}
 259 
	text-align:left;}
123 
.table_cadre caption{
 260 
.table_cadre caption {
124 
	font-family:sans-serif;}
 261 
	font-family:sans-serif;}
399 

            892