WebSVN – Sites.tela-botanica.org – Diff – /trunk/sites/commun/generique/styles/pageInterieure.css



/* STYLE COMMUN */ /* D�finition des polices exotiques */
	/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
   Pour windows, elle est remplac�e par la police Helveticaneue2 */
@font-face {
	font-family:Helveticaneue;
	src:url('/commun/polices/helvetica_light.ttf');}
@font-face {
	font-family:Helveticaneue2;
	src:url('/commun/polices/helvetica_light.eot');}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Red�finition des styles par d�faut des balises */
body {
	margin:0;
	padding:0;
	font-family:arial;
	font-weight:normal;

	font-weight:bold;
	color:#222222;}
hr {
	border:0;
	border-bottom:1px dotted #C2C0AD;}
/* Pr�sentation des listes de d�finitions */
dl {
	width:100%;}
dt {
	float:left;
	font-weight:bold;

	margin:0.5em 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liens */
a {
	color:#7B9C35;
	border-bottom:1px solid transparent;}/* �vite l'effet de d�calage. */
a:hover {
	color:#FD8C13;
	border-bottom:1px dotted #7B9C35;}
a.lien-ext:after {
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);}

#zone_contenu_corps h1, #contenu h1 {
	background:url(../images/troisCarre.png) no-repeat 0 5px;}
.ajout_2point dt:after {
	content:" :";}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau :encadr� */
.table_cadre {
	border:1px solid #9ac342;
	border-collapse:collapse;}
.table_cadre thead, .table_cadre tfoot {
	background-color:#EEE;

.arrondi30 {
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Menu sup�rieur */
/* TODO :mettre les petits carr�s � la bonne place */
#zone-menu-haut {
	position:absolute;
	top:0;
	left:0;
	width:880px;

	width:185px;
	padding:0;
	border-style:none;}
#zone-menu-haut #recherche input {
	height:13px;
	width:150px;
	font-size:12px;
	margin:-15px 0 0 -2px;}
#zone-menu-haut #recherche legend, #recherche label {
	display:none;}
#zone-menu-haut #recherche #more_ok {

	text-transform:none;
	color:white;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
.motsclefs {
	position:absolute;
	left:0;/* N�cessaire pour IE */
	width:0;
	font-family:Helveticaneue;
	letter-spacing:-1px;
	font-weight:lighter;}
.motsclefs h3 {

	border-bottom:4px solid grey;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Couleurs des diff�rents menus */
#menuAccueil {
	background:#fd8c13;}
#menuBotanique {
	background:#9ac243;}
#menuActualites {

#zone-menu-connexion #persistant_label {
	padding-top:2px;}
#zone-menu-connexion #colonneDroite {
	padding:15px 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Menu lat�ral :Zone gauche **/
#zone-gauche {
	width:170px;
	float:left;
	margin-left:0;
	padding-bottom:100px;}

	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
	padding-left:25px;
	line-height:18px;}
#zone_contenu_corps form li,#contenu form li {
	background:none;}
 
 
#zone_contenu_corps .alpha,#contenu .alpha {
	background:none;
	padding-left:25px;
	list-style-type:upper-alpha;}
#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {

	height:95px;
	float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p {
	font-family:arial;
	font-size:10px;
	line-height:13px;}
#bandeauProjets ul li p {
	padding-right:2px;}
#bandeauProjets ul li a {
	color:#7B9C35;
	font-weight:bold;}

	margin:0 auto;
	overflow:hidden;}
.row .row {
	margin:0 -10px;
	width:auto;
 
	display:inline-block;}


Rev 778	Rev 792
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	`@font-face {`	7	`@font-face {`
8	`font-family:Helveticaneue2;`	8	`font-family:Helveticaneue2;`
9	`src:url('/commun/polices/helvetica_light.eot');}`	9	`src:url('/commun/polices/helvetica_light.eot');}`
10	`/+-----------------------------------------------------------------------------------------------------------------+/`	10	`/+-----------------------------------------------------------------------------------------------------------------+/`
11	`/* Redéfinition des styles par défaut des balises */`	11	`/* Red�finition des styles par d�faut des balises */`
12	`body {`	12	`body {`
13	`margin:0;`	13	`margin:0;`
14	`padding:0;`	14	`padding:0;`
15	`font-family:arial;`	15	`font-family:arial;`
16	`font-weight:normal;`	16	`font-weight:normal;`
Line 53...	Line 53...
53	`font-weight:bold;`	53	`font-weight:bold;`
54	`color:#222222;}`	54	`color:#222222;}`
55	`hr {`	55	`hr {`
56	`border:0;`	56	`border:0;`
57	`border-bottom:1px dotted #C2C0AD;}`	57	`border-bottom:1px dotted #C2C0AD;}`
58	`/* Présentation des listes de définitions */`	58	`/* Pr�sentation des listes de d�finitions */`
59	`dl {`	59	`dl {`
60	`width:100%;}`	60	`width:100%;}`
61	`dt {`	61	`dt {`
62	`float:left;`	62	`float:left;`
63	`font-weight:bold;`	63	`font-weight:bold;`
Line 68...	Line 68...
68	`margin:0.5em 0;}`	68	`margin:0.5em 0;}`
69	`/+-----------------------------------------------------------------------------------------------------------------+/`	69	`/+-----------------------------------------------------------------------------------------------------------------+/`
70	`/* Liens */`	70	`/* Liens */`
71	`a {`	71	`a {`
72	`color:#7B9C35;`	72	`color:#7B9C35;`
73	`border-bottom:1px solid transparent;}/* Évite l'effet de décalage. */`	73	`border-bottom:1px solid transparent;}/* �vite l'effet de d�calage. */`
74	`a:hover {`	74	`a:hover {`
75	`color:#FD8C13;`	75	`color:#FD8C13;`
76	`border-bottom:1px dotted #7B9C35;}`	76	`border-bottom:1px dotted #7B9C35;}`
77	`a.lien-ext:after {`	77	`a.lien-ext:after {`
78	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);}`	78	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);}`
Line 239...	Line 239...
239	`#zone_contenu_corps h1, #contenu h1 {`	239	`#zone_contenu_corps h1, #contenu h1 {`
240	`background:url(../images/troisCarre.png) no-repeat 0 5px;}`	240	`background:url(../images/troisCarre.png) no-repeat 0 5px;}`
241	`.ajout_2point dt:after {`	241	`.ajout_2point dt:after {`
242	`content:" :";}`	242	`content:" :";}`
243	`/+-----------------------------------------------------------------------------------------------------------------+/`	243	`/+-----------------------------------------------------------------------------------------------------------------+/`
244	`/* Tableau :encadré */`	244	`/* Tableau :encadr� */`
245	`.table_cadre {`	245	`.table_cadre {`
246	`border:1px solid #9ac342;`	246	`border:1px solid #9ac342;`
247	`border-collapse:collapse;}`	247	`border-collapse:collapse;}`
248	`.table_cadre thead, .table_cadre tfoot {`	248	`.table_cadre thead, .table_cadre tfoot {`
249	`background-color:#EEE;`	249	`background-color:#EEE;`
Line 304...	Line 304...
304	`.arrondi30 {`	304	`.arrondi30 {`
305	`-moz-border-radius:30px;`	305	`-moz-border-radius:30px;`
306	`-webkit-border-radius:30px;`	306	`-webkit-border-radius:30px;`
307	`border-radius:30px;}`	307	`border-radius:30px;}`
308	`/+-----------------------------------------------------------------------------------------------------------------+/`	308	`/+-----------------------------------------------------------------------------------------------------------------+/`
309	`/* Menu supèrieur */`	309	`/* Menu sup�rieur */`
310	`/* TODO :mettre les petits carrés à la bonne place */`	310	`/* TODO :mettre les petits carr�s � la bonne place */`
311	`#zone-menu-haut {`	311	`#zone-menu-haut {`
312	`position:absolute;`	312	`position:absolute;`
313	`top:0;`	313	`top:0;`
314	`left:0;`	314	`left:0;`
315	`width:880px;`	315	`width:880px;`
Line 352...	Line 352...
352	`width:185px;`	352	`width:185px;`
353	`padding:0;`	353	`padding:0;`
354	`border-style:none;}`	354	`border-style:none;}`
355	`#zone-menu-haut #recherche input {`	355	`#zone-menu-haut #recherche input {`
356	`height:13px;`	356	`height:13px;`
357	`width:155px;`	357	`width:150px;`
358	`font-size:12px;`	358	`font-size:12px;`
359	`margin:-15px 0 0 -2px;}`	359	`margin:-15px 0 0 -2px;}`
360	`#zone-menu-haut #recherche legend, #recherche label {`	360	`#zone-menu-haut #recherche legend, #recherche label {`
361	`display:none;}`	361	`display:none;}`
362	`#zone-menu-haut #recherche #more_ok {`	362	`#zone-menu-haut #recherche #more_ok {`
Line 409...	Line 409...
409	`text-transform:none;`	409	`text-transform:none;`
410	`color:white;}`	410	`color:white;}`
411	`/+-----------------------------------------------------------------------------------------------------------------+/`	411	`/+-----------------------------------------------------------------------------------------------------------------+/`
412	`.motsclefs {`	412	`.motsclefs {`
413	`position:absolute;`	413	`position:absolute;`
414	`left:0;/* Nécessaire pour IE */`	414	`left:0;/* N�cessaire pour IE */`
415	`width:0;`	415	`width:0;`
416	`font-family:Helveticaneue;`	416	`font-family:Helveticaneue;`
417	`letter-spacing:-1px;`	417	`letter-spacing:-1px;`
418	`font-weight:lighter;}`	418	`font-weight:lighter;}`
419	`.motsclefs h3 {`	419	`.motsclefs h3 {`
Line 479...	Line 479...
479	`border-bottom:4px solid grey;`	479	`border-bottom:4px solid grey;`
480	`-moz-border-radius:30px;`	480	`-moz-border-radius:30px;`
481	`-webkit-border-radius:30px;`	481	`-webkit-border-radius:30px;`
482	`border-radius:30px;}`	482	`border-radius:30px;}`
483	`/+-----------------------------------------------------------------------------------------------------------------+/`	483	`/+-----------------------------------------------------------------------------------------------------------------+/`
484	`/* Couleurs des différents menus */`	484	`/* Couleurs des diff�rents menus */`
485	`#menuAccueil {`	485	`#menuAccueil {`
486	`background:#fd8c13;}`	486	`background:#fd8c13;}`
487	`#menuBotanique {`	487	`#menuBotanique {`
488	`background:#9ac243;}`	488	`background:#9ac243;}`
489	`#menuActualites {`	489	`#menuActualites {`
Line 604...	Line 604...
604	`#zone-menu-connexion #persistant_label {`	604	`#zone-menu-connexion #persistant_label {`
605	`padding-top:2px;}`	605	`padding-top:2px;}`
606	`#zone-menu-connexion #colonneDroite {`	606	`#zone-menu-connexion #colonneDroite {`
607	`padding:15px 0;}`	607	`padding:15px 0;}`
608	`/+-----------------------------------------------------------------------------------------------------------------+/`	608	`/+-----------------------------------------------------------------------------------------------------------------+/`
609	`/ Menu latéral :Zone gauche /`	609	`/ Menu lat�ral :Zone gauche /`
610	`#zone-gauche {`	610	`#zone-gauche {`
611	`width:170px;`	611	`width:170px;`
612	`float:left;`	612	`float:left;`
613	`margin-left:0;`	613	`margin-left:0;`
614	`padding-bottom:100px;}`	614	`padding-bottom:100px;}`
Line 632...	Line 632...
632	`background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;`	632	`background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;`
633	`padding-left:25px;`	633	`padding-left:25px;`
634	`line-height:18px;}`	634	`line-height:18px;}`
635	`#zone_contenu_corps form li,#contenu form li {`	635	`#zone_contenu_corps form li,#contenu form li {`
636	`background:none;}`	636	`background:none;}`
637	`#zone_contenu_corps h3,#contenu h3 {`	-
638	`padding-left:25px;}`	-
639	`#zone_contenu_corps .alpha,#contenu .alpha {`	637	`#zone_contenu_corps .alpha,#contenu .alpha {`
640	`background:none;`	638	`background:none;`
641	`padding-left:25px;`	639	`padding-left:25px;`
642	`list-style-type:upper-alpha;}`	640	`list-style-type:upper-alpha;}`
643	`#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {`	641	`#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {`
Line 760...	Line 758...
760	`height:95px;`	758	`height:95px;`
761	`float:left;}`	759	`float:left;}`
762	`#bandeauProjets ul li, #bandeauProjets ul li p {`	760	`#bandeauProjets ul li, #bandeauProjets ul li p {`
763	`font-family:arial;`	761	`font-family:arial;`
764	`font-size:10px;`	762	`font-size:10px;`
765	`line-height:1.3em;}`	763	`line-height:13px;}`
766	`#bandeauProjets ul li p {`	764	`#bandeauProjets ul li p {`
767	`padding-right:2px;}`	765	`padding-right:2px;}`
768	`#bandeauProjets ul li a {`	766	`#bandeauProjets ul li a {`
769	`color:#7B9C35;`	767	`color:#7B9C35;`
770	`font-weight:bold;}`	768	`font-weight:bold;}`
Line 911...	Line 909...
911	`margin:0 auto;`	909	`margin:0 auto;`
912	`overflow:hidden;}`	910	`overflow:hidden;}`
913	`.row .row {`	911	`.row .row {`
914	`margin:0 -10px;`	912	`margin:0 -10px;`
915	`width:auto;`	913	`width:auto;`
916	`display:inline-block;}`	-
917		914	`display:inline-block;}`
-		915

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/pageInterieure.css – Rev 778 → 792