Changé les questions relatives aux activités en Francophonie
[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%;}
588d6b93 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;}
26a img {border: none;}
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;}
39ul, ol{margin:0 0 1em 33px;list-style:none;}
40dt{margin:0.5em 0 0;}
41dd{margin:0.25em 0 0.5em 2.5em;}
42sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
588d6b93 43
e4d01d1d
EMS
44td ul { margin: 0 }
45
ee8b3a49 46form { padding-right:20px; margin: 1em 0; }
3c576696
EMS
47form td { vertical-align: top }
48form th { width: 20em; text-align: left; font-weight: bold }
49form table { width: 100% }
50form input[type=text] { width: 20em }
51form input.date { width: auto }
52form select { width: 80%; overflow: hidden }
53form p { margin-bottom: 2px }
ee8b3a49
EMS
54fieldset { clear: both; padding: 10px; margin: 0 0 0 0; position: relative }
55fieldset { border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; }
56fieldset { font-size: 100%; }
57fieldset fieldset { border: 1px solid #ccc; background: #fafafa; margin: 10px }
58legend { font-size: 150%; font-weight: bold; color: #000000; margin: 0 0 0 0; padding: 0 5px; }
59
60label {
61 font-size: 12px;
62}
63td, th
64{
65vertical-align:middle;
66}
67
3c576696 68
588d6b93 69.box { padding:0 0 20px 0; }
f4db9f51 70.lbl {color: #97012c; }
d15017b2 71
13146d99
AJ
72.centre { text-align:center }
73
d15017b2
CR
74#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;}
75#enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;}
76
609b1d41 77div.sous-menu { display:inline; padding-top:1px; color:#fff; font-weight:bold; }
8432d16d 78div.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;}
79div.sous-menu a:hover { text-decoration:underline;}
80div.sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;}
81div.sous-menu a.bout-droit { background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;}
82div.sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;}
83
7fd16ee1 84div.gauche { float:left; width:60%; }
85div.droite { float:right; width:40%; }
8432d16d 86
87#logo { float:left; width:144px; height:110px; margin-top:45px; margin-left:20px; }
d15017b2 88h1 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 89h5 a { text-decoration:none; }
8432d16d 90
d07ad238 91#sep-recherche {}
8432d16d 92h2.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; }
d15017b2 93h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;}
8432d16d 94div.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;}
95div.boite-recherche input { position:absolute; top:26px; left:10px; width:300px; height:16px; margin-top:10px; background:none; font-size:1.3em; border:none;}
96div.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
CR
97div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;}
98div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;}
99div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;}
5ecd5424
CR
100div.boite-recherche p { position:absolute; bottom:13px; left: 0; color:#3a3125; margin: 0; }
101div.boite-recherche p a { color:#3a3125;}
102div.boite-recherche p a:hover { color:#97012c; text-decoration:none;}
d15017b2 103
8432d16d 104#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; }
105#col-menu img.bottom { margin-bottom:-7px; }
106#col-menu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:1.8em; font-weight:normal; letter-spacing:-1px; }
107#col-menu ul li { margin:2px 0; padding:0; }
108#col-menu a { margin:0; padding:0; text-decoration:none; color:black; }
109#col-menu a:hover { cursor:pointer; text-decoration:underline; }
110#col-menu .actif a { color:#97012c; font-weight:bold; }
111
9619910d 112#contenu {
8cb71606 113 float:left; position: relative; width:744px;
114 margin:100px 0px 50px 0px; padding:0;
9619910d
EMS
115 background:url(../img/contenu-bkg-middle.png) repeat-y 0 0;
116}
117
a008c7e5 118#tabs { margin-left: 8px; margin-right: 8px; }
89d7cab5 119
476a0c43 120#contenu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:2.2em; font-weight:normal; letter-spacing:-1px; width: 450px; }
c4c5de1b 121#contenu h4 a { text-decoration:none; color:black; }
122#contenu h4 a:hover { text-decoration:underline; }
89d7cab5 123#contenu h5 { padding: 10px 0 0 25px; margin-bottom:0.4em; font-size:1.8em; font-weight:normal; letter-spacing:-1px; }
124#contenu h5 a { text-decoration:none; color:black; }
125#contenu h5 a:hover { text-decoration:underline; }
126
d15017b2
CR
127#contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;}
128#contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;}
129#contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;}
130#contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;}
131#contenu .zone-texte h2 {font-size: 1.2em;}
132#contenu .zone-texte h3 {font-size: 1.1em;}
133#contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;}
134
89d7cab5 135#contenu .texte { padding: 0 25px; font-size: 1.2em; }
136#contenu .texte ul li { list-style: disc; margin: 0 0 .25em; }
137#contenu .texte ol li { list-style: decimal; margin: 0 0 .25em; }
138#contenu .texte ul ul, #contenu .description ol ol { margin-top: .25em; margin-bottom: .25em; }
db31d1fa 139#contenu .texte a { text-decoration:none; }
8cb71606 140#contenu .texte a:hover { text-decoration:underline; }
db31d1fa 141#contenu p.pad { padding: 0 25px; }
89d7cab5 142
d15017b2
CR
143#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
144#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
d15017b2 145#contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;}
588d6b93 146#contenu .demi-droite { width:358px; margin-right:12px; float:right;}
d15017b2
CR
147#contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;}
148#contenu .demi-gauche img.bottom { height:9px; position:relative; bottom:-9px;}
d15017b2 149
ee8b3a49 150.contenu-wrapper { padding: 0 25px; }
6b63c05b 151
588d6b93 152ul a { text-decoration:none; }
153ul a:hover { text-decoration:underline; }
154
d15017b2 155ul.liste-de-l-accueil { padding:0 2.5em 0 0;}
588d6b93 156ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;}
d15017b2
CR
157ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;}
158ul.liste-de-l-accueil span { display:block;}
749e991b 159ul.liste-de-l-accueil .la-date { font-size:1.1em; }
160ul.liste-de-l-accueil a.la-date { color:black; }
d15017b2
CR
161ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;}
162ul.liste-de-l-accueil .le-resume {font-size:1.1em;}
163ul.liste-de-l-accueil .le-resume a { display:inline;}
0d828f85 164ul.sous-menu li, ul.actions li { display:inline; padding:0px 0px 0px 10px; font-size: 1.1em; }
9619910d 165
0d828f85 166ul.actions { position: absolute; top: 15px; right: 20px; width: 240px; text-align: right }
d15017b2
CR
167
168.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;}
169.resultats a:hover{text-decoration:none;}
170.resultatRecherche { padding: 0 25px 1.5em;}
171.resultats .typeDocument { text-transform:uppercase;}
172.resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;}
173.resultats .resultatResume { font-size:1.1em; color:#000;}
174.resultats a.ligne-url { font-size:1.1em; text-decoration:none; }
175.resultats a:hover.ligne-url { text-decoration:underline;}
176
177.resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;}
178.resultatPages span { padding:0; margin:0 auto;}
179.resultatPages span a { text-decoration:underline; color:#3a3125; }
180.resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;}
181.resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;}
182.resultatPages span a:hover { text-decoration:none;}
183.resultatPages span a:hover span { text-decoration:none;}
184.resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;}
185.resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;}
186.resultatPages span a:hover span.lien-texte { text-decoration:none;}
187
588d6b93 188/* Divers */
189
d15017b2
CR
190.clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
191.clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;}
588d6b93 192
193/* Clearfix */
194
d15017b2
CR
195.clearfix {display: inline-block; }
196.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
197* html .clearfix { height: 1%; }
198.clearfix { display: block; }
5ecd5424
CR
199
200#edit-form td { vertical-align: top; }
201#edit-form td:first-child { width: 150px; text-align: left; }
202#edit-form table { width: 100%; }
203#edit-form input, #edit-form textarea { width: 80%; }
204#edit-form textarea { height: 100px; }
205#edit-form p { margin-bottom: 2px; }
206#edit-form tr { border-top: 1px black solid; }
207#edit-form tr:first-child { border-top: none; }
208
13146d99
AJ
209.odd { background: #ddd; }
210
211#repertoire { border:1px solid #bbb; padding:20px; margin: 10px; width:95% }
212#repertoire th, td { padding:5px }
00755d9b 213
2ce740ad 214
a7b16ec9 215.errorlist { color:red; margin: 0 }
86983865 216.errorlist li { list-style: none; }
00755d9b
AJ
217
218.publications_autre {border:1px solid #CCC; background:#FAFAFA; margin:10px; padding:10px; display:none;}
2ce740ad 219
79b400f0 220#agenda, #actualites {position: relative;}
221#rss-agenda, #rss-actualites {position: absolute; right: 26px; top: 10px;}
6befc7c9 222
6befc7c9
AJ
223.infotip
224{
225width:300px;
226margin-top:5px;
227border:1px solid #CCC;
228background:#EEE;
229float:right;
230}
231.publication
232{
233
234}
556d841a
AJ
235#fiche_chercheur
236{
237 font-size: 120%;
238}
239#fiche_chercheur h5
240{
241 font-size: 150%;
242 border-color: #000000;
243 border-width: 1px 0 0 0;
244 border-style: solid none none none;
245 margin-top: 20px;
246 padding: 10px;
247}
248
249#fiche_chercheur .label
250{
251color:grey;
252font-weight:bold;
253width:150px;
254}
255
7f7de67a 256#fiche_chercheur .souligne
556d841a
AJ
257{
258 border-bottom:1px solid #DDD;
259}
0e9597af
AJ
260
261.message
262{
263font-weight:bold;
264font-size:12px;
265color:red;
266}
f98ad449 267
268
269.ressource-retrieve * {margin-top: 1em;}
da7adba2 270.ressource-retrieve .fiche {margin-top: 2em;}
f98ad449 271
f98ad449 272.fiche, .original, .provenance {font-size: 80%; margin: 2px 0px;}
da7adba2 273.fiche {margin-top: 6px;}
f98ad449 274.fiche a, .original a, .provenance a{text-decoration: none;}
1b0f1fe3 275.back {position: absolute; top: 20px; right: 20px;}
a7b16ec9
EMS
276
277.horizontal-radio-buttons ul { margin-left: 0 }
278.horizontal-radio-buttons li { display: inline }
ee8b3a49
EMS
279
280.delete-row { position: absolute; top: 10px; right: 10px }
281.add-row { float: right; margin-right: 21px }