Ajustement au CSS pour les listes.
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / media / css / global.css
CommitLineData
588d6b93 1/*
2Feuille de styles - GLOBAL
3Par Erick chez http://www.ixmedia.com
4Date de creation: 2009-05-11
5Modification: 2009-05-14 [Erick]
6*/
7
8/* COULEURS
9
d15017b2
CR
10TXT -----------> #3a3125 et #000
11LINK ----------> #97012c
588d6b93 12LIGNES grises -> #e0e0e0 et #d5d5d5
13*/
14
15/* RESET */
d15017b2 16
d15017b2
CR
17@import url("reset.css");
18
588d6b93 19/* General */
20
d15017b2 21html {height:100%;}
bae03b7b 22body { height:100%; font-size:62.5%; /* <- 1em equivaut 10px */ line-height:1.4; color:#3a3125; background:#fff url(../img/background-body.jpg) repeat-y 50% 0; font-family:Verdana, Arial, Sans-Serif; text-align:center;}
d15017b2 23a, a:active {text-decoration:underline;color:#97012c;}
588d6b93 24a:visited {color:#97012c;}
25a:hover {color:#97012c;}
bae03b7b 26a img {border:none;}
588d6b93 27abbr, acronym {border-bottom:.1em dotted;cursor:help;}
28
8432d16d 29h1 {font-size:1em;margin:0 0 1em 0;}
30h2 {font-size:1em;margin:0 0 1em 0;}
31h3 {font-size:1em;margin:0 0 1em 0;}
32h4 {font-size:1em;margin:0 0 1em 0;}
33h5 {font-size:1em;margin:0 0 1em 0;}
34h6 {font-size:1em;margin:0 0 1em 0;}
588d6b93 35
d15017b2
CR
36em{font-style:italic;}
37strong{font-weight:bold;}
38p{margin:0 0 1em 0;}
d15017b2
CR
39dt{margin:0.5em 0 0;}
40dd{margin:0.25em 0 0.5em 2.5em;}
bae03b7b
EMS
41sup{font-size:smaller; vertical-align:0.5em; line-height:1px;}
42
43td ul { margin:0 }
44
45form { padding-right:20px; margin:1em 0; }
bc415771 46form td, form th { vertical-align:top }
bae03b7b
EMS
47form th { width:20em; text-align:left; font-weight:bold }
48form table { width:100% }
49form input[type=text] { width:20em }
50form input.date { width:auto }
51form select { width:80%; overflow:hidden }
52form p { margin-bottom:2px }
53fieldset { clear:both; padding:10px; margin:0 0 0 0; position:relative }
54fieldset { border-color:#000000; border-width:1px 0 0 0; border-style:solid none none none; }
55fieldset { font-size:100%; }
595ab4d6 56fieldset fieldset { border:1px solid #ccc; background:#fafafa; margin:10px; padding: 15px; }
bae03b7b 57legend { font-size:150%; font-weight:bold; color:#000000; margin:0 0 0 0; padding:0 5px; }
ee8b3a49
EMS
58
59label {
bae03b7b 60 font-size:12px;
ee8b3a49 61}
bc415771
EMS
62
63td, th { vertical-align:middle; padding: 5px }
ee8b3a49 64
3c576696 65
bae03b7b 66.lbl {color:#97012c; }
d15017b2 67
13146d99
AJ
68.centre { text-align:center }
69
bae03b7b 70#fond {padding:0; margin:0; display:block; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background:url(../img/background-fond.jpg) no-repeat 50% 0; text-align:left;}
d15017b2
CR
71#enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}
72
609b1d41 73div.sous-menu { display:inline; padding-top:1px; color:#fff; font-weight:bold; }
8432d16d 74div.sous-menu a { display:block; height:19px; padding:5px 10px 1px 10px; color:#fff; font-size:1.1em; text-decoration:none; float:right; white-space:nowrap; background-color:#4c4030;}
75div.sous-menu a:hover { text-decoration:underline;}
76div.sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
77div.sous-menu a.bout-droit { background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
78div.sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
79
7fd16ee1 80div.gauche { float:left; width:60%; }
81div.droite { float:right; width:40%; }
8432d16d 82
83#logo { float:left; width:144px; height:110px; margin-top:45px; margin-left:20px; }
d15017b2 84h1 a { display:block; width:144px; height:110px; text-indent:-99999px; background:url(../img/logo-agence-universitaire-de-la-francophonie.gif) no-repeat 0 0;border:none; text-decoration:none;}
ce3a02e4 85h5 a { text-decoration:none; }
8432d16d 86
d07ad238 87#sep-recherche {}
8432d16d 88h2.slogan { position:absolute; top:53px; left:240px; font-size:3.4em; color:#3a3125; padding:0;font-family:"Myriad Pro", "Lucida Grande", sans-serif; font-weight:normal; letter-spacing:-1px; line-height:0.8em; z-index:1000; }
bae03b7b
EMS
89h2.slogan span { display:block; margin:.7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height:1.1;}
90div.boite-recherche { z-index:1000; position:absolute; top:150px; left:240px; width:390px; height:90px; background:url(../img/recherche-background.gif) no-repeat 0 5px;}
8432d16d 91div.boite-recherche input { position:absolute; top:26px; left:10px; width:300px; height:16px; margin-top:10px; background:none; font-size:1.3em; border:none;}
92div.boite-recherche button { position:absolute; top:22px; right:17px; width:45px; height:45px; background:url(../img/recherche-button.gif) no-repeat 0 0; color:#97012c; border:none;}
d15017b2 93div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
bae03b7b
EMS
94div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin:0;}
95div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing:normal;}
96div.boite-recherche p { position:absolute; bottom:13px; left:0; color:#3a3125; margin:0; }
5ecd5424
CR
97div.boite-recherche p a { color:#3a3125;}
98div.boite-recherche p a:hover { color:#97012c; text-decoration:none;}
d15017b2 99
bae03b7b 100#col-menu { clear:right; float:right; width:190px; margin:30px 20px 0px 0px; background:url(../img/col-droite-background.png) repeat-x top center; font-size:1.2em; line-height:1.2; }
8432d16d 101#col-menu img.bottom { margin-bottom:-7px; }
bae03b7b
EMS
102#col-menu h4 { margin-bottom:0.4em; margin-left:25px; font-size:1.8em; font-weight:normal; letter-spacing:-1px; }
103#col-menu ul { margin:0 10px 0 25px; padding:0 }
104#col-menu li { margin:0; padding:0; }
105#col-menu a { display:block; margin-left:5px; padding:1px 5px; text-decoration:none; color:black; }
106#col-menu li.active a, #col-menu a:hover { background:#d5d5d5; margin-left:0; border-left: 5px solid #666; }
8432d16d 107#col-menu .actif a { color:#97012c; font-weight:bold; }
108
bae03b7b 109#tabs { margin-left:8px; margin-right:8px; }
89d7cab5 110
8baa2a56 111#contenu .zone-texte { font-size:1.2em; min-height:375px;}
bae03b7b
EMS
112#contenu .zone-texte ul li {list-style:disc; margin:0 0 .25em;}
113#contenu .zone-texte ol li {list-style:decimal; margin:0 0 .25em;}
114#contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top:.25em; margin-bottom:.25em;}
115#contenu .zone-texte h2 {font-size:1.2em;}
116#contenu .zone-texte h3 {font-size:1.1em;}
117#contenu .zone-texte blockquote {margin:0 2em 1em; font-style:italic;}
118
8baa2a56 119#contenu .texte { font-size:1.2em; }
8813455e
EMS
120#contenu .texte ul { padding-left: 3em; margin-bottom: 1em; }
121#contenu .texte ul li { list-style:disc; }
122#contenu .texte ol li { list-style:decimal; }
bae03b7b 123#contenu .texte ul ul, #contenu .description ol ol { margin-top:.25em; margin-bottom:.25em; }
db31d1fa 124#contenu .texte a { text-decoration:none; }
8cb71606 125#contenu .texte a:hover { text-decoration:underline; }
bae03b7b 126#contenu p.pad { padding:0 25px; }
89d7cab5 127
d15017b2
CR
128#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
129#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
d15017b2 130
bae03b7b 131.contenu-wrapper { padding:0 25px; }
6b63c05b 132
588d6b93 133ul a { text-decoration:none; }
134ul a:hover { text-decoration:underline; }
135
d15017b2 136ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
588d6b93 137ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
bae03b7b 138ul.liste-de-l-accueil img { float:left; margin:0 1em 5px 0; max-width:75px;}
d15017b2 139ul.liste-de-l-accueil span { display:block;}
749e991b 140ul.liste-de-l-accueil .la-date { font-size:1.1em; }
141ul.liste-de-l-accueil a.la-date { color:black; }
bae03b7b 142ul.liste-de-l-accueil .le-titre {display:block; font-size:1.2em; font-weight:bold; margin:.25em 0;}
d15017b2
CR
143ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
144ul.liste-de-l-accueil .le-resume a { display:inline;}
145
146.resultats { width:744px; display:inline; margin:0; padding:0; float:left; margin-top:100px; margin-bottom:50px; margin-left:0; background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;}
147.resultats a:hover{text-decoration:none;}
bae03b7b 148.resultatRecherche { padding:0 25px 1.5em;}
d15017b2
CR
149.resultats .typeDocument { text-transform:uppercase;}
150.resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
151.resultats .resultatResume { font-size:1.1em; color:#000;}
152.resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
153.resultats a:hover.ligne-url { text-decoration:underline;}
154
155.resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
156.resultatPages span { padding:0; margin:0 auto;}
157.resultatPages span a { text-decoration:underline; color:#3a3125; }
158.resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
159.resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
160.resultatPages span a:hover { text-decoration:none;}
161.resultatPages span a:hover span { text-decoration:none;}
162.resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
bae03b7b 163.resultatPages span a span.lien-texte span { color:#97012c; text-decoration:none; font-weight:normal;}
d15017b2
CR
164.resultatPages span a:hover span.lien-texte { text-decoration:none;}
165
588d6b93 166/* Divers */
167
d15017b2
CR
168.clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
169.clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
588d6b93 170
171/* Clearfix */
172
bae03b7b
EMS
173.clearfix {display:inline-block; }
174.clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
175* html .clearfix { height:1%; }
176.clearfix { display:block; }
5ecd5424 177
bae03b7b
EMS
178#edit-form td { vertical-align:top; }
179#edit-form td:first-child { width:150px; text-align:left; }
180#edit-form table { width:100%; }
181#edit-form input, #edit-form textarea { width:80%; }
182#edit-form textarea { height:100px; }
183#edit-form p { margin-bottom:2px; }
184#edit-form tr { border-top:1px black solid; }
185#edit-form tr:first-child { border-top:none; }
5ecd5424 186
bae03b7b 187.odd { background:#ddd; }
13146d99 188
bae03b7b 189#repertoire { border:1px solid #bbb; padding:20px; margin:10px; width:95% }
00755d9b 190
2ce740ad 191
bae03b7b
EMS
192.errorlist { color:red; margin:0 }
193.errorlist li { list-style:none; }
00755d9b
AJ
194
195.publications_autre {border:1px solid #CCC; background:#FAFAFA; margin:10px; padding:10px; display:none;}
2ce740ad 196
6befc7c9
AJ
197.infotip
198{
199width:300px;
200margin-top:5px;
201border:1px solid #CCC;
202background:#EEE;
203float:right;
204}
205.publication
206{
207
208}
0e9597af
AJ
209
210.message
211{
212font-weight:bold;
213font-size:12px;
214color:red;
215}
f98ad449 216
217
bae03b7b
EMS
218.ressource-retrieve * {margin-top:1em;}
219.ressource-retrieve .fiche {margin-top:2em;}
f98ad449 220
bae03b7b
EMS
221.fiche, .original, .provenance {font-size:80%; margin:2px 0px;}
222.fiche {margin-top:6px;}
223.fiche a, .original a, .provenance a{text-decoration:none;}
224.back {position:absolute; top:20px; right:20px;}
a7b16ec9 225
bae03b7b
EMS
226.horizontal-radio-buttons ul { margin-left:0 }
227.horizontal-radio-buttons li { display:inline }
ee8b3a49 228
595ab4d6
EMS
229.delete-row { position:absolute; top:5px; right:5px }
230.add-row { float:right; margin-right:16px }
8baa2a56
EMS
231
232.cadre { width: 60%; margin: 100px auto; padding: 20px; background: #f9f9f9; border: 1px solid #aaa }
233
234/* Boîte principale */
235
236#boite-principale { position: absolute; top: 280px; width: 744px;
237 background: url(../img/contenu-bkg-middle.png) repeat-y 0 0; }
238#boite-principale .top-border { position: absolute; top: -10px; }
239#boite-principale .bottom-border { position: absolute; bottom: -10px; }
240
241#flash-message { margin: 10px 20px; background: #f3e3e7; color: #b03d5e; padding: 1em; font-size: 120%;
242 border: 1px solid #b03d5e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
243#contenu { position: relative; padding: 20px; }
244
245/* Contenu */
246
247#contenu h4 { margin-bottom: 4px; font-size: 220%; font-weight: normal; letter-spacing: -1px; }
248#contenu h4 a { text-decoration:none; color:black; }
249#contenu h4 a:hover { text-decoration:underline; }
250#contenu h5 { margin-bottom: 4px; font-size: 180%; font-weight: normal; letter-spacing: -1px; }
251#contenu h5 a { text-decoration:none; color:black; }
252#contenu h5 a:hover { text-decoration:underline; }
253
254#fiche_chercheur { font-size: 120%; }
255#fiche_chercheur h5 { font-size: 150%; border-color: #000000; border-width: 1px 0 0 0;
256 border-style: solid none none none; margin-top: 20px; padding: 10px; }
257#fiche_chercheur .label { color: grey; font-weight: bold; width: 150px; }
258#fiche_chercheur .souligne { border-bottom: 1px solid #DDD; }
259
260/* Actions */
261
262.actions { float: right; text-align: right }
263.box .actions { float: none; text-align: left; margin-left: 0; list-style-type: none }
264.box .actions li { display: inline; padding-right: 10px; font-size: 110%; }
265
266/* Page d'accueil */
267
268.box { position: relative; padding: 10px 20px; }
269.demi-gauche { width: 345px; background-color: #f5f5f5; float: left; }
270.demi-droite { width: 345px; float: right; }
271#rss-agenda, #rss-actualites { position: absolute; top: 15px; right: 20px; }