Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev 704 Rev 755
Line 15... Line 15...
15 
	font-family:Helveticaneue2;
 15 
	font-family:Helveticaneue2;
16 
	src:url('/commun/polices/helvetica_light.eot');}
 16 
	src:url('/commun/polices/helvetica_light.eot');}
17 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 17 
/*+-----------------------------------------------------------------------------------------------------------------+*/
18 
/* BALISES HTML */
 18 
/* BALISES HTML */
19 
body{
 19 
body{
20 
	margin-top:8px;
 - 
 
21 
	background-color:white;}
 20 
	background-color:white;}
22 
img,ul,form,li,td,div,p,br,a,h1,h2,body{
 21 
img,ul,form,li,td,div,p,br,a,h1,h2,body{
23 
	margin:0;
 22 
	margin:0;
24 
	padding:0;
 23 
	padding:0;
25 
	border:0;
 24 
	border:0;
Line 91... Line 90...
91 
	text-align:justify;
 90 
	text-align:justify;
92 
	font-weight:normal;
 91 
	font-weight:normal;
93 
	line-height:17px;}
 92 
	line-height:17px;}
94 
.overflow-hidden{
 93 
.overflow-hidden{
95 
	overflow:hidden;}
 94 
	overflow:hidden;}
- 
 
 95 
.gris{
- 
 
 96 
	color:#3a3633;
96 
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
 97 
	font-family:arial;
- 
 
 98 
	font-size:12px;}
97 
.vert, p.vert a, p.vert{
 99 
.vert, p.vert a, p.vert{
98 
	color:#7b9c35;
 100 
	color:#7b9c35;
99 
	font-family:arial;
 101 
	font-family:arial;
100 
	font-size:12px;}
 102 
	font-size:12px;}
101 
.grisclair{
 103 
.grisclair{
Line 105... Line 107...
105 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 107 
/*+-----------------------------------------------------------------------------------------------------------------+*/
106 
/*ZONE PRINCIPALE*/
 108 
/*ZONE PRINCIPALE*/
107 
#zone-principale{
 109 
#zone-principale{
108 
	position:absolute;
 110 
	position:absolute;
109 
	width:960px;
 111 
	width:960px;
110 
	margin:30px 0 0 -450px;
 112 
	margin:0 0 0 -450px;
111 
	left: 46%;}
 113 
	left:46%;}
112 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 114 
/*+-----------------------------------------------------------------------------------------------------------------+*/
113 
/* ZONE MENU HAUT */
 115 
/* ZONE MENU HAUT */
114 
#zone-menu-haut{
 116 
#zone-menu-haut {
- 
 
 117 
	position:absolute;
- 
 
 118 
	top:0;
- 
 
 119 
	left:0;
115 
	width:745px;
 120 
	width:960px;
116 
	height:12px;
 121 
	height:12px;
- 
 
 122 
	margin:8px auto 0 0;
117 
	text-align:center;
 123 
	text-align:center;
118 
	margin:0 auto 0 90px;
 - 
 
119 
	position:absolute;
 - 
 
120 
	top:-25px;
 - 
 
121 
	color:#3a3633;
 - 
 
122 
	font-family:arial;
 124 
	font-family:arial;
123 
	font-size:12px;}
 125 
	font-size:12px;
- 
 
 126 
	color:#3a3633;}
124 
#zone-menu-haut ul{
 127 
#zone-menu-haut ul {
- 
 
 128 
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);}
- 
 
 129 
#zone-menu-haut ul li {
125 
	list-style:none;}
 130 
	float:left;}
126 
#zone-menu-haut ul li{
 131 
#zone-visiteur ul {
- 
 
 132 
	padding:0;}
- 
 
 133 
#zone-visiteur li {
- 
 
 134 
	text-align:left;
- 
 
 135 
	display:block;
- 
 
 136 
	width:130px;
- 
 
 137 
	padding-left:10px;
127 
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 3px 5px;
 138 
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat left center;}
- 
 
 139 
#zone-acces-rapide {
128 
	float:left}
 140 
	float:right;}
129 
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
 141 
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active{
130 
	color:#7b9c35;}
 142 
	color:#7b9c35;}
131 
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
 143 
#zone-menu-haut a:hover, #zone-menu-haut a:focus{
132 
	color:#fd8c13;}
 144 
	color:#fd8c13;}
133 
#zone-menu-haut a, p a{
 145 
#zone-menu-haut a, p a{
Line 150... Line 162...
150 
	width:110px;
 162 
	width:110px;
151 
	margin:0}
 163 
	margin:0}
152 
#lettre{
 164 
#lettre{
153 
	width:120px;
 165 
	width:120px;
154 
	margin:0}
 166 
	margin:0}
155 
#inscrits{
 - 
 
156 
	width:110px;
 - 
 
157 
	margin:0}
 - 
 
158 
#connectes{
 167 
#recherche, .drapeau{
159 
	width:115px;
 168 
list-style:none;}
160 
	margin:0}
 - 
 
161 
#recherche{
 169 
#recherche{
162 
	width:185px;
 170 
	width:185px;
163 
	padding-left:15px;
 171 
	padding-left:15px;
164 
	text-align:left;
 172 
	text-align:left;
165 
	margin:0}
 173 
	margin:0}
Line 174... Line 182...
174 
	margin:-15px 0 0 -2px;}
 182 
	margin:-15px 0 0 -2px;}
Line 175... Line 183...
175 
 
 183 
 
176 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 184 
/*+-----------------------------------------------------------------------------------------------------------------+*/
177 
/* ZONE TITRE */
 185 
/* ZONE TITRE */
178 
#zone-titre{
 186 
#zone-titre{
179 
	padding:0 0 25px 23px;
 187 
	padding:32px 0 25px 23px;
180 
	margin:0 0 5px 0;}
 188 
	margin:0 0 5px 0;}
181 
#zone-titre h1{
 189 
#zone-titre h1{
182 
	position:absolute;
 190 
	position:absolute;
183 
	top:15px;
 191 
	top:47px;
184 
	left:155px;
 192 
	left:155px;
185 
	font-family:Optima;
 193 
	font-family:Optima;
186 
	font-size:32px;
 194 
	font-size:32px;
187 
	letter-spacing:0px;
 195 
	letter-spacing:0px;
188 
	color:#348237;}
 196 
	color:#348237;}
189 
#zone-titre h2{
 197 
#zone-titre h2{
190 
	position:absolute;
 198 
	position:absolute;
191 
	top:50px;
 199 
	top:82px;
192 
	left:146px;
 200 
	left:146px;
193 
	font-family:optima;
 201 
	font-family:optima;
194 
	font-size:19px;
 202 
	font-size:19px;
195 
	text-align:right;
 203 
	text-align:right;
Line 208... Line 216...
208 
	height:105px;
 216 
	height:105px;
209 
	font-family:Helveticaneue;
 217 
	font-family:Helveticaneue;
210 
	letter-spacing:-1px;
 218 
	letter-spacing:-1px;
211 
	font-weight:lighter;
 219 
	font-weight:lighter;
212 
	text-align:left;
 220 
	text-align:left;
213 
	background:url(../images/carres.png) no-repeat 106px 0px;
 221 
	background:url(../images/graphisme/carres.png) no-repeat 106px 0px;
214 
	padding:0 0 0 146px;
 222 
	padding:0 0 0 146px;
215 
	margin:0;
 223 
	margin:0;
216 
	cursor:pointer;}
 224 
	cursor:pointer;}
217 
.motsclefs a {
 225 
.motsclefs a {
218 
	color:#5C5950}
 226 
	color:#5C5950}
Line 269... Line 277...
269 
	color:#5e5852;
 277 
	color:#5e5852;
270 
	text-decoration:none;}
 278 
	text-decoration:none;}
271 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 279 
/*+-----------------------------------------------------------------------------------------------------------------+*/
272 
/* BANDEAUX : BOTANIQUE*/
 280 
/* BANDEAUX : BOTANIQUE*/
273 
#zone-botanique{
 281 
#zone-botanique{
274 
	background:url(../images/imageAccueilCarres.jpg) no-repeat #9ac343;
 282 
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat #9ac343;
275 
	height:105px;
 283 
	height:105px;
276 
	width:960px;
 284 
	width:960px;
277 
	margin:0 0 15px 5px;}
 285 
	margin:0 0 15px 5px;}
278 
#menuRectangleBotanique ul li{
 286 
#menuRectangleBotanique ul li{
279 
	background:url(../images/carreVert.jpg) no-repeat;
 287 
	background:url(../images/graphisme/carre_vert.png) no-repeat;
280 
	list-style:none;}
 288 
	list-style:none;}
281 
/* Mots clefs Botanique */
 289 
/* Mots clefs Botanique */
282 
#zone-botanique .motsclefs .mot1{
 290 
#zone-botanique .motsclefs .mot1{
283 
	font-size:32px;
 291 
	font-size:32px;
284 
	margin:-22px 0 0 -101px;}
 292 
	margin:-22px 0 0 -101px;}
Line 289... Line 297...
289 
	font-size:23px;
 297 
	font-size:23px;
290 
	margin:5px 0 0 -46px;}
 298 
	margin:5px 0 0 -46px;}
291 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 299 
/*+-----------------------------------------------------------------------------------------------------------------+*/
292 
/* BANDEAUX : ACTUALITÉS*/
 300 
/* BANDEAUX : ACTUALITÉS*/
293 
#zone-actualites{
 301 
#zone-actualites{
294 
	background:url(../images/imageAccueilCarres.jpg) no-repeat 0px -211px #c2c0ad;
 302 
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0px -211px #c2c0ad;
295 
	height:105px;
 303 
	height:105px;
296 
	width:960px;
 304 
	width:960px;
297 
	margin:0 0 15px 5px;}
 305 
	margin:0 0 15px 5px;}
298 
#menuRectangleActualites ul li{
 306 
#menuRectangleActualites ul li{
299 
	background:url(../images/carreGris.jpg) no-repeat;
 307 
	background:url(../images/graphisme/carre_gris.png) no-repeat;
300 
	list-style:none;}
 308 
	list-style:none;}
301 
/* Mots clefs Actualités */
 309 
/* Mots clefs Actualités */
302 
#zone-actualites .motsclefs .mot1{
 310 
#zone-actualites .motsclefs .mot1{
303 
	font-size:28px;
 311 
	font-size:28px;
304 
	margin:-20px 0 0 -81px;}
 312 
	margin:-20px 0 0 -81px;}
Line 308... Line 316...
308 
#zone-actualites .motsclefs .mot3{
 316 
#zone-actualites .motsclefs .mot3{
309 
	margin:10px 0 0 -101px;}
 317 
	margin:10px 0 0 -101px;}
310 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 318 
/*+-----------------------------------------------------------------------------------------------------------------+*/
311 
/* BANDEAUX : RÉSEAU*/
 319 
/* BANDEAUX : RÉSEAU*/
312 
#zone-reseau{
 320 
#zone-reseau{
313 
	background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -316px #e16039;
 321 
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -316px #e16039;
314 
	height:105px;
 322 
	height:105px;
315 
	width:960px;
 323 
	width:960px;
316 
	margin:0 0 15px 5px;}
 324 
	margin:0 0 15px 5px;}
317 
#menuRectangleReseau ul li{
 325 
#menuRectangleReseau ul li{
318 
	background:url(../images/carreRouge.jpg) no-repeat;
 326 
	background:url(../images/graphisme/carre_rouge.png) no-repeat;
319 
	list-style:none;}
 327 
	list-style:none;}
320 
/* Mots clefs Réseau */
 328 
/* Mots clefs Réseau */
321 
#zone-reseau .motsclefs .mot1{
 329 
#zone-reseau .motsclefs .mot1{
322 
	font-size:32px;
 330 
	font-size:32px;
323 
	margin:-24px 0 0 -92px;}
 331 
	margin:-24px 0 0 -92px;}
Line 328... Line 336...
328 
	font-size:20px;
 336 
	font-size:20px;
329 
	margin:3px 0 0 39px;}
 337 
	margin:3px 0 0 39px;}
330 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 338 
/*+-----------------------------------------------------------------------------------------------------------------+*/
331 
/* BANDEAUX : PROJETS*/
 339 
/* BANDEAUX : PROJETS*/
332 
#zone-projets{
 340 
#zone-projets{
333 
	background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -105px #a89d80;
 341 
	background:url(../images/graphisme/image_accueil_carres.jpg) no-repeat 0 -105px #a89d80;
334 
	height:105px;
 342 
	height:105px;
335 
	width:960px;
 343 
	width:960px;
336 
	margin:0 0 15px 5px;}
 344 
	margin:0 0 15px 5px;}
337 
#menuRectangleProjets ul li{
 345 
#menuRectangleProjets ul li{
338 
	background:url(../images/carreBeige.jpg) no-repeat;
 346 
	background:url(../images/graphisme/carre_beige.png) no-repeat;
339 
	list-style:none;}
 347 
	list-style:none;}
340 
/* Mots clefs Projets */
 348 
/* Mots clefs Projets */
341 
#zone-projets .motsclefs .mot1{
 349 
#zone-projets .motsclefs .mot1{
342 
	font-size:32px;
 350 
	font-size:32px;
343 
	margin:-20px 0 0 -46px;}
 351 
	margin:-20px 0 0 -46px;}
Line 351... Line 359...
351 
/* ZONE MENU CONNEXION */
 359 
/* ZONE MENU CONNEXION */
352 
#zone-menu-connexion{
 360 
#zone-menu-connexion{
353 
	height:122px;
 361 
	height:122px;
354 
	width:320px;
 362 
	width:320px;
355 
	position:absolute;
 363 
	position:absolute;
356 
	top:0;
 364 
	top:32px;
357 
	right:0;
 365 
	right:0;
358 
	padding:0;
 366 
	padding:0;
359 
	font-family:arial;
 367 
	font-family:arial;
360 
	text-align:right;
 368 
	text-align:right;
361 
	font-size:11px;
 369 
	font-size:11px;
362 
	background:url(../images/carreorange.png) no-repeat 9px -9px;}
 370 
	background:url(../images/graphisme/carre_orange.png) no-repeat 9px -9px;}
363 
/* Formulaire connexion */
 371 
/* Formulaire connexion */
364 
#zone-menu-connexion fieldset{
 372 
#zone-menu-connexion fieldset{
365 
	text-align:left;
 373 
	text-align:left;
366 
	width:273px;
 374 
	width:273px;
367 
	float:right;
 375 
	float:right;
Line 466... Line 474...
466 
	border:dotted 1px #fd8c13;
 474 
	border:dotted 1px #fd8c13;
467 
	border-right-style:none;
 475 
	border-right-style:none;
468 
	-moz-border-radius:10px 0 0 10px;
 476 
	-moz-border-radius:10px 0 0 10px;
469 
	-webkit-border-radius:10px 0 0 10px;
 477 
	-webkit-border-radius:10px 0 0 10px;
470 
	border-radius:10px 0 0 10px;
 478 
	border-radius:10px 0 0 10px;
471 
	background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;}
 479 
	background:white url(/sites/commun/generique/images/graphisme/fleche_gauche.png) no-repeat 5px 25px;}
472 
#bandeauProjets #boutonSuivant{
 480 
#bandeauProjets #boutonSuivant{
473 
	margin-left:799px;
 481 
	margin-left:799px;
474 
	margin-top:-99px;
 482 
	margin-top:-99px;
475 
	width:30px;
 483 
	width:30px;
476 
	cursor:pointer;
 484 
	cursor:pointer;
477 
	background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
 485 
	background:white url(/sites/commun/generique/images/graphisme/fleche_droite.png) no-repeat 15px 25px;
478 
	padding:28px 8px 53px 8px;
 486 
	padding:28px 8px 53px 8px;
479 
	border:dotted 1px #fd8c13;
 487 
	border:dotted 1px #fd8c13;
480 
	border-left-style:none;
 488 
	border-left-style:none;
481 
	-moz-border-radius:0 10px 10px 0;
 489 
	-moz-border-radius:0 10px 10px 0;
482 
	-webkit-border-radius:0 10px 10px 0;
 490 
	-webkit-border-radius:0 10px 10px 0;
Line 508... Line 516...
508 
	color:#fd8c13;
 516 
	color:#fd8c13;
509 
	text-decoration:none;}
 517 
	text-decoration:none;}
510 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 518 
/*+-----------------------------------------------------------------------------------------------------------------+*/
511 
/* ZONE BAS PAGE : MENUS COMMUNS */
 519 
/* ZONE BAS PAGE : MENUS COMMUNS */
512 
#accueil{
 520 
#accueil{
513 
	background:url(../images/accueil.png) no-repeat 0 2px;}
 521 
	background:url(/sites/commun/generique/images/graphisme/accueil.png) no-repeat 0 2px;}
514 
#faq{
 522 
#faq{
515 
	background:url(../images/faq.png) no-repeat 0 2px;}
 523 
	background:url(/sites/commun/generique/images/graphisme/faq.png) no-repeat 0 2px;}
516 
#contact{
 524 
#contact{
517 
	background:url(../images/contact.png) no-repeat 0 2px;}
 525 
	background:url(/sites/commun/generique/images/graphisme/contact.png) no-repeat 0 2px;}
518 
#plan{
 526 
#plan{
519 
	background:url(../images/plan.png) no-repeat 0 2px;}
 527 
	background:url(/sites/commun/generique/images/graphisme/plan.png) no-repeat 0 2px;}
520 
#rss{
 528 
#rss{
521 
	background:url(../images/rss.png) no-repeat 0 2px;}
 529 
	background:url(/sites/commun/generique/images/graphisme/rss.png) no-repeat 0 2px;}
522 
#telechargement{
 530 
#telechargement{
523 
	background:url(../images/telechargement.png) no-repeat 0 2px;}
 531 
	background:url(/sites/commun/generique/images/graphisme/telechargement.png) no-repeat 0 2px;}
524 
#visite{
 532 
#visite{
525 
	background:url(../images/visite.png) no-repeat 0 2px;}
 533 
	background:url(/sites/commun/generique/images/graphisme/visite.png) no-repeat 0 2px;}
526 
#mentions{
 534 
#mentions{
527 
	background:url(../images/cc.gif) no-repeat 0 2px;}
 535 
	background:url(/sites/commun/generique/images/graphisme/cc.gif) no-repeat 0 2px;}
528 
/*+-----------------------------------------------------------------------------------------------------------------+*/
 536 
/*+-----------------------------------------------------------------------------------------------------------------+*/
529 
/* ZONE BAS PAGE : COORDONNEES */
 537 
/* ZONE BAS PAGE : COORDONNEES */
530 
#coordonees{
 538 
#coordonees{
531 
	width:900px;
 539 
	width:900px;
532 
	text-align:center;
 540 
	text-align:center;
533 
	margin:auto;
 541 
	margin:auto;
534 
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
 542 
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat right;
535 
	padding-right:5px;
 543 
	padding-right:5px;
536 
	height:15px;}
 544 
	height:15px;}
537 
#coordonees span{
 545 
#coordonees span{
538 
	float:left;
 546 
	float:left;
539 
	padding-left:15px;
 547 
	padding-left:15px;
540 
	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
 548 
	background:url(/sites/commun/generique/images/graphisme/petit_carre.png) no-repeat 5px 5px;
541 
	font-family:arial;
 549 
	font-family:arial;
542 
	font-size:12px;
 550 
	font-size:12px;
543 
	font-weight:normal;
 551 
	font-weight:normal;
544 
	font-style:normal;}
 552 
	font-style:normal;}
545 

            553