Page "domaines de recherche"
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / media / css / global.css
1 /*
2 Feuille de styles - GLOBAL
3 Par Erick chez http://www.ixmedia.com
4 Date de creation: 2009-05-11
5 Modification: 2009-05-14 [Erick]
6 */
7
8 /* COULEURS
9
10 TXT -----------> #3a3125 et #000
11 LINK ----------> #97012c
12 LIGNES grises -> #e0e0e0 et #d5d5d5
13 */
14
15 /* Mise en page */
16
17 body { padding: 0; margin: 0; font-size: 9pt; font-family: Verdana, Arial, sans-serif;
18 color: #3a3125; background: #fff url(../img/background-body.jpg) repeat-y 50% 0; }
19 #fond { padding: 0; margin: 0; position: relative;
20 background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align: left; }
21 #enrobage { padding: 30px 0; margin: 0 auto; position: relative; width: 940px; }
22
23 /* Navigation */
24
25 #nav-gauche, #nav-droite { color: #fff; height: 25px; line-height: 25px; font-size: 80%; padding-left: 5px;
26 background: #4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat top left; }
27 #nav-gauche div, #nav-droite div { background: #4c4030 url(../img/sous-menu-top-coin-droit.gif) top right no-repeat;
28 padding-right: 5px; }
29 #nav-gauche a, #nav-droite a { padding: 0 5px; color: #fff; font-weight: bold; }
30 #nav-gauche { position: absolute; top: 2px; left: 0; }
31 #nav-droite { position: absolute; top: 2px; right: 0; }
32
33 /* Entête */
34
35 #logo { position: absolute; top: 70px; left: 0; }
36 #entete { margin-left: 220px; color: #97012c;
37 font-family: Myriad Pro, Lucida Grande, sans-serif; font-size: 135%; }
38 #entete h1 { color: #3a3125; font-weight: normal; font-size: 185%; letter-spacing: -1px;
39 margin-bottom: 0.25em; }
40 #entete h1 em { color: #db602f; font-size: 55%; font-style: normal; letter-spacing: normal; }
41 #entete form { position: relative; width: 390px; height: 78px;
42 background: url(../img/recherche-background.gif) no-repeat top left; }
43 #entete label { display: block; color: #3a3125; letter-spacing: -1px; font-size: 115%; }
44 #entete label em { font-size: 60%; font-style: normal; font-weight: normal; letter-spacing: normal; }
45 #entete input { position: absolute; top: 31px; left: 5px; width: 300px; height: 16px; background: none; border: none; }
46 #entete button { position: absolute; top: 17px; left: 329px; width: 45px; height: 45px;
47 background: url(../img/recherche-button.gif) no-repeat top left;
48 border: none; cursor: pointer; }
49 #entete button:hover { background: url(../img/recherche-button-over.gif) no-repeat top left; }
50
51 /* Contenu */
52
53 #boite-principale { width: 744px; background: url(../img/contenu-bkg-middle.png) repeat-y 0 0;
54 position: relative; margin-top: 30px; min-height: 500px; }
55 #boite-principale .top-border { position: absolute; top: -10px; }
56 #boite-principale .bottom-border { position: absolute; bottom: -10px; }
57
58 #flash-message { margin: 10px 20px; background: #f3e3e7; color: #b03d5e; padding: 1em; font-size: 120%;
59 border: 1px solid #b03d5e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
60 #contenu { position: relative; padding: 5px 20px; }
61 #contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
62 #contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
63
64 /* Régions/Disciplines */
65
66 #regions_disciplines { position: absolute; top: 30px; right: 0; width: 190px;
67 background: url(../img/col-droite-background-bottom.png) no-repeat bottom left;
68 font-size: 90%; padding-bottom: 8px; }
69 #regions_disciplines div { background: url(../img/col-droite-background.png) repeat-x top left;
70 padding: 10px; }
71 #regions_disciplines h1 { font-weight: normal; font-size: 100%; margin-top: 2em; text-transform: lowercase; letter-spacing: 0 }
72 #regions_disciplines h1 em { font-size: 180%; letter-spacing: -1px; font-style: normal; display: block; text-transform: capitalize; }
73 #regions_disciplines ul { margin: 0; padding: 0; list-style: none; }
74 #regions_disciplines li { margin: 0; padding: 0; }
75 #regions_disciplines a { display: block; margin-left: 5px; padding: 1px 5px; text-decoration: none; color: black; }
76 #regions_disciplines li.active a,
77 #regions_disciplines a:hover { background: #d5d5d5; margin-left: 0; border-left: 5px solid #666; }
78
79 /* Liens */
80
81 a { text-decoration: none; color: #97012c; }
82 a:hover { text-decoration: underline; }
83 a img { border: none; }
84
85 /* Titres */
86
87 h1 { font-weight: normal; font-size: 180%; letter-spacing: -1px; }
88 h2 { font-weight: normal; font-size: 150%; letter-spacing: -1px; border-bottom: 2px solid #3a3125; clear: right; }
89 h3 { font-size: 120%; letter-spacing: -1px; }
90 h1 a, h2 a, h3 a { color: #3a3125; }
91 .sous-titre { margin: -1em 0 1.5em 0; }
92
93 /* Formulaires */
94
95 form { margin: 1em 0; }
96 form td, form th { vertical-align: top }
97 form th { width: 20em; text-align: left; font-weight: normal; }
98 input[type=text] { width: 20em }
99 input.date, form input.time { width: 8em; }
100 select { width: 80%; overflow: hidden }
101 fieldset { padding: 10px; margin: 0; position: relative;
102 border-top: 1px solid black; border-bottom: none;
103 border-left: none; border-right: none; }
104 fieldset fieldset { border: 1px solid #ccc; background: #fafafa; margin: 10px; padding: 15px; }
105 legend { font-weight: bold; color: #000000; margin: 0; padding:0 0.5em; }
106 legend em { font-weight: normal; font-style: normal; }
107 form .help { font-size: 90%; margin: 0; }
108 form ul.errorlist { color:red; margin:0; padding: 0; }
109 form ul.errorlist li { list-style:none; }
110
111 .horizontal-radio-buttons ul { margin-left:0 }
112 .horizontal-radio-buttons li { display:inline }
113
114 .delete-row { font-size: 90%; position:absolute; top:5px; right:5px }
115 .add-row { font-size: 90%; float:right; margin-right:16px }
116 .edit-publication { font-size: 90%; position: absolute; bottom: 5px; right: 5px; cursor: pointer; }
117
118 .form-errors { margin: 10px 0px; background: #f3e3e7; color: #b03d5e; padding: 1em; font-size: 120%;
119 border: 1px solid #b03d5e; }
120 /* Tables */
121
122 table { width: 100%; }
123 td, th { vertical-align: middle; padding: 5px }
124 td ul, td ol { padding: 0; margin: 0; list-style: none; }
125 tr.odd { background:#ddd; }
126
127 /* Listes */
128
129 dt { font-weight: bold; }
130 dd { padding: 0; margin: 0 0 1em 0; }
131
132 /* Styles inline */
133
134 .label { font-weight: bold; width: 150px; }
135
136 /* Page d'accueil */
137
138 .demi-gauche { width: 345px; background-color: #f5f5f5; float: left; }
139 .demi-droite { width: 345px; float: right; }
140
141 .box { position: relative; padding: 10px; font-size: 90%; }
142 .box h1 { margin: 0 0 3px 0; }
143
144 ul.actions-accueil { margin: 0; padding: 0 0 1em 0; list-style: none; font-size: 90%; }
145 ul.actions-accueil li { display: inline; padding-right: 10px; }
146
147 ul.liste-de-l-accueil { padding: 0; margin: 1em 0; list-style: none; }
148 ul.liste-de-l-accueil li { padding: 1em 0; border-top: 2px solid #d5d5d5;}
149 ul.liste-de-l-accueil img { float:left; margin:0 1em 5px 0; max-width:75px;}
150 ul.liste-de-l-accueil .titre { font-weight:bold; margin: 0.25em 0; }
151
152 #rss-agenda, #rss-actualites { position: absolute; top: 15px; right: 20px; }
153
154 /* Actions */
155
156 ul.actions { font-size: 90%; float: right; text-align: right; list-style: none;
157 background: #f4f4f4; border: 1px solid #e4e4e4;
158 padding: 10px 10px 10px 10px;
159 -moz-border-radius: 5px; -webkit-border-radius: 5px; }
160
161 /* Pages de recherche */
162
163 .pagination { text-align: center; margin: 1em 0; }
164 .resultatRecherche { padding: 0 25px 1.5em; }
165 .details { font-size: 90%; margin-top: 6px; }
166
167 /* Clearfix */
168
169 .clearfix {display:inline-block; }
170 .clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
171 * html .clearfix { height:1%; }
172 .clearfix { display:block; }
173
174 /* Cadre */
175
176 .cadre { width: 60%; margin: 100px auto; padding: 20px; background: #f9f9f9; border: 1px solid #aaa }
177 .cadre h1 { margin: -20px -20px 0 -20px; padding: 5px; background: #aaa; color: white; font-size: 120%; font-weight: bold; text-align: center; }
178