Commit | Line | Data |
---|---|---|
588d6b93 | 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 | ||
d15017b2 CR |
10 | TXT -----------> #3a3125 et #000 |
11 | LINK ----------> #97012c | |
588d6b93 | 12 | LIGNES grises -> #e0e0e0 et #d5d5d5 |
13 | */ | |
14 | ||
15 | /* RESET */ | |
d15017b2 | 16 | |
d15017b2 CR |
17 | @import url("reset.css"); |
18 | ||
588d6b93 | 19 | /* General */ |
20 | ||
d15017b2 | 21 | html {height:100%;} |
588d6b93 | 22 | body { 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 | 23 | a, a:active {text-decoration:underline;color:#97012c;} |
588d6b93 | 24 | a:visited {color:#97012c;} |
25 | a:hover {color:#97012c;} | |
26 | a img {border: none;} | |
27 | abbr, acronym {border-bottom:.1em dotted;cursor:help;} | |
28 | ||
8432d16d | 29 | h1 {font-size:1em;margin:0 0 1em 0;} |
30 | h2 {font-size:1em;margin:0 0 1em 0;} | |
31 | h3 {font-size:1em;margin:0 0 1em 0;} | |
32 | h4 {font-size:1em;margin:0 0 1em 0;} | |
33 | h5 {font-size:1em;margin:0 0 1em 0;} | |
34 | h6 {font-size:1em;margin:0 0 1em 0;} | |
588d6b93 | 35 | |
d15017b2 CR |
36 | em{font-style:italic;} |
37 | strong{font-weight:bold;} | |
38 | p{margin:0 0 1em 0;} | |
39 | ul, ol{margin:0 0 1em 33px;list-style:none;} | |
40 | dt{margin:0.5em 0 0;} | |
41 | dd{margin:0.25em 0 0.5em 2.5em;} | |
42 | sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;} | |
588d6b93 | 43 | |
44 | .box { padding:0 0 20px 0; } | |
f4db9f51 | 45 | .lbl {color: #97012c; } |
d15017b2 | 46 | |
13146d99 AJ |
47 | .centre { text-align:center } |
48 | ||
d15017b2 CR |
49 | #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;} |
50 | #enrobage {padding:0; margin:0 auto; display:block; position:relative; width:960px; height:auto !important; height:100%; min-height:100%;} | |
51 | ||
9cb46d12 | 52 | div.sous-menu { float:right; padding-top:1px; color:#fff; font-weight:bold; } |
8432d16d | 53 | div.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;} |
54 | div.sous-menu a:hover { text-decoration:underline;} | |
55 | div.sous-menu a.bout-gauche { background:#4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat 0 0; padding-right:5px;} | |
56 | div.sous-menu a.bout-droit { background:#4c4030 url(../img/sous-menu-top-coin-droit.gif) no-repeat 100% 0; padding-left:5px;} | |
57 | div.sous-menu span { display:block; height:19px;float:right;padding:6px 2px 0 2px; background-color:#4c4030;} | |
58 | ||
59 | div.gauche { position:absolute; left:0; } | |
60 | div.droite { } | |
61 | ||
62 | #logo { float:left; width:144px; height:110px; margin-top:45px; margin-left:20px; } | |
d15017b2 | 63 | h1 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;} |
8432d16d | 64 | |
65 | #sep-recherche { } | |
66 | h2.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 | 67 | h2.slogan span { display:block; margin: .7em 0 0; font-size:0.55em; color:#97012c; letter-spacing:normal; line-height: 1.1;} |
8432d16d | 68 | div.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;} |
69 | div.boite-recherche input { position:absolute; top:26px; left:10px; width:300px; height:16px; margin-top:10px; background:none; font-size:1.3em; border:none;} | |
70 | div.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 |
71 | div.boite-recherche button:hover { background:url(../img/recherche-button-over.gif) no-repeat 0 0; cursor:pointer;} |
72 | div.boite-recherche h3 { font-size:2em; font-weight:normal; letter-spacing:-1px; margin: 0;} | |
73 | div.boite-recherche h3 span { font-size:.6em; font-weight:normal; letter-spacing: normal;} | |
5ecd5424 CR |
74 | div.boite-recherche p { position:absolute; bottom:13px; left: 0; color:#3a3125; margin: 0; } |
75 | div.boite-recherche p a { color:#3a3125;} | |
76 | div.boite-recherche p a:hover { color:#97012c; text-decoration:none;} | |
d15017b2 | 77 | |
8432d16d | 78 | #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; } |
79 | #col-menu img.bottom { margin-bottom:-7px; } | |
80 | #col-menu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:1.8em; font-weight:normal; letter-spacing:-1px; } | |
81 | #col-menu ul li { margin:2px 0; padding:0; } | |
82 | #col-menu a { margin:0; padding:0; text-decoration:none; color:black; } | |
83 | #col-menu a:hover { cursor:pointer; text-decoration:underline; } | |
84 | #col-menu .actif a { color:#97012c; font-weight:bold; } | |
85 | ||
86 | #contenu { width:744px; margin:100px 0px 50px 0px; padding:0; float:left;background:url(../img/contenu-bkg-middle.png) repeat-y 0 0; } | |
a008c7e5 | 87 | #tabs { margin-left: 8px; margin-right: 8px; } |
588d6b93 | 88 | #contenu h4 { padding: 0 25px; margin-bottom:0.4em; font-size:2.2em; font-weight:normal; letter-spacing:-1px; } |
c4c5de1b | 89 | #contenu h4 a { text-decoration:none; color:black; } |
90 | #contenu h4 a:hover { text-decoration:underline; } | |
d15017b2 CR |
91 | #contenu .zone-texte {padding: 0 25px; font-size: 1.2em; min-height: 375px;} |
92 | #contenu .zone-texte ul li {list-style: disc; margin: 0 0 .25em;} | |
93 | #contenu .zone-texte ol li {list-style: decimal; margin: 0 0 .25em;} | |
94 | #contenu .zone-texte ul ul, #contenu .zone-texte ol ol {margin-top: .25em; margin-bottom: .25em;} | |
95 | #contenu .zone-texte h2 {font-size: 1.2em;} | |
96 | #contenu .zone-texte h3 {font-size: 1.1em;} | |
97 | #contenu .zone-texte blockquote {margin: 0 2em 1em; font-style: italic;} | |
98 | ||
d15017b2 CR |
99 | #contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;} |
100 | #contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;} | |
d15017b2 | 101 | #contenu .demi-gauche { width:361px; margin-left:12px; background-color:#f5f5f5; float:left;} |
588d6b93 | 102 | #contenu .demi-droite { width:358px; margin-right:12px; float:right;} |
d15017b2 CR |
103 | #contenu .demi-gauche img.top { height:9px; position:relative; top:-9px;} |
104 | #contenu .demi-gauche img.bottom { height:9px; position:relative; bottom:-9px;} | |
d15017b2 | 105 | |
6b63c05b | 106 | .contenu-wrapper { padding:0 0 0 25px; } |
107 | ||
588d6b93 | 108 | ul a { text-decoration:none; } |
109 | ul a:hover { text-decoration:underline; } | |
110 | ||
d15017b2 | 111 | ul.liste-de-l-accueil { padding:0 2.5em 0 0;} |
588d6b93 | 112 | ul.liste-de-l-accueil li { margin:1em 0; padding-top:1.1em; border-top:2px solid #d5d5d5;} |
d15017b2 CR |
113 | ul.liste-de-l-accueil img { float: left; margin: 0 1em 5px 0; max-width: 75px;} |
114 | ul.liste-de-l-accueil span { display:block;} | |
115 | ul.liste-de-l-accueil .la-date {font-size:1.1em;} | |
116 | ul.liste-de-l-accueil .le-titre {display: block; font-size:1.2em; font-weight:bold; margin: .25em 0;} | |
117 | ul.liste-de-l-accueil .le-resume {font-size:1.1em;} | |
118 | ul.liste-de-l-accueil .le-resume a { display:inline;} | |
588d6b93 | 119 | ul.sous-menu li { display:inline; padding:0px 10px 0px 0px; font-size: 1.1em; } |
d15017b2 CR |
120 | |
121 | .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;} | |
122 | .resultats a:hover{text-decoration:none;} | |
123 | .resultatRecherche { padding: 0 25px 1.5em;} | |
124 | .resultats .typeDocument { text-transform:uppercase;} | |
125 | .resultats .le-titre { font-size:1.2em; font-weight:bold; text-decoration:underline;} | |
126 | .resultats .resultatResume { font-size:1.1em; color:#000;} | |
127 | .resultats a.ligne-url { font-size:1.1em; text-decoration:none; } | |
128 | .resultats a:hover.ligne-url { text-decoration:underline;} | |
129 | ||
130 | .resultatPages { padding:0;margin-top:1.5em; text-align:center; font-size:1.2em;} | |
131 | .resultatPages span { padding:0; margin:0 auto;} | |
132 | .resultatPages span a { text-decoration:underline; color:#3a3125; } | |
133 | .resultatPages span span { text-decoration:none; font-weight:bold; color:#3a3125;} | |
134 | .resultatPages span a span { text-decoration:none; font-weight:normal; color:#3a3125;} | |
135 | .resultatPages span a:hover { text-decoration:none;} | |
136 | .resultatPages span a:hover span { text-decoration:none;} | |
137 | .resultatPages span a span.lien-texte { color:#97012c; text-decoration:underline; font-weight:bold;} | |
138 | .resultatPages span a span.lien-texte span { color:#97012c; text-decoration: none; font-weight: normal;} | |
139 | .resultatPages span a:hover span.lien-texte { text-decoration:none;} | |
140 | ||
588d6b93 | 141 | /* Divers */ |
142 | ||
d15017b2 CR |
143 | .clear { clear:both!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;} |
144 | .clear-droite { clear:right!important; display:block!important; width:0!important; height:0!important; margin:0!important; padding:0!important; visibility:hidden!important;} | |
588d6b93 | 145 | |
146 | /* Clearfix */ | |
147 | ||
d15017b2 CR |
148 | .clearfix {display: inline-block; } |
149 | .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} | |
150 | * html .clearfix { height: 1%; } | |
151 | .clearfix { display: block; } | |
5ecd5424 CR |
152 | |
153 | #edit-form td { vertical-align: top; } | |
154 | #edit-form td:first-child { width: 150px; text-align: left; } | |
155 | #edit-form table { width: 100%; } | |
156 | #edit-form input, #edit-form textarea { width: 80%; } | |
157 | #edit-form textarea { height: 100px; } | |
158 | #edit-form p { margin-bottom: 2px; } | |
159 | #edit-form tr { border-top: 1px black solid; } | |
160 | #edit-form tr:first-child { border-top: none; } | |
161 | ||
92c7413b CR |
162 | .form td { vertical-align: top; } |
163 | .form th { font-weight: bold; } | |
164 | .form td:first-child { width: 150px; text-align: left; } | |
165 | .form table { width: 100%; } | |
166 | .form input[type=text], .form textarea, .form select { width: 80%; } | |
167 | .form textarea { height: 100px; } | |
168 | .form p { margin-bottom: 2px; } | |
169 | .form tr:first-child { border-top: none; } | |
170 | ||
13146d99 AJ |
171 | .odd { background: #ddd; } |
172 | ||
173 | #repertoire { border:1px solid #bbb; padding:20px; margin: 10px; width:95% } | |
174 | #repertoire th, td { padding:5px } | |
00755d9b | 175 | |
2ce740ad | 176 | |
00755d9b AJ |
177 | .errorlist {color:red} |
178 | select { width:100%; overflow:hidden } | |
179 | ||
180 | .publications_autre {border:1px solid #CCC; background:#FAFAFA; margin:10px; padding:10px; display:none;} | |
2ce740ad | 181 | |
79b400f0 | 182 | #agenda, #actualites {position: relative;} |
183 | #rss-agenda, #rss-actualites {position: absolute; right: 26px; top: 10px;} | |
6befc7c9 AJ |
184 | |
185 | form {padding-right:20px} | |
186 | ||
187 | form fieldset { | |
188 | clear: both; | |
189 | font-size: 100%; | |
190 | border-color: #000000; | |
191 | border-width: 1px 0 0 0; | |
192 | border-style: solid none none none; | |
193 | padding: 10px; | |
194 | margin: 0 0 0 0; | |
195 | } | |
196 | ||
197 | form fieldset legend { | |
198 | font-size: 150%; | |
199 | font-weight: bold; | |
200 | color: #000000; | |
201 | margin: 0 0 0 0; | |
202 | padding: 0 5px; | |
203 | } | |
204 | ||
205 | label { | |
206 | font-size: 12px; | |
207 | } | |
208 | td | |
209 | { | |
210 | vertical-align:middle; | |
211 | } | |
212 | ||
213 | .infotip | |
214 | { | |
215 | width:300px; | |
216 | margin-top:5px; | |
217 | border:1px solid #CCC; | |
218 | background:#EEE; | |
219 | float:right; | |
220 | } | |
221 | .publication | |
222 | { | |
223 | ||
224 | } | |
556d841a AJ |
225 | #fiche_chercheur |
226 | { | |
227 | font-size: 120%; | |
228 | } | |
229 | #fiche_chercheur h5 | |
230 | { | |
231 | font-size: 150%; | |
232 | border-color: #000000; | |
233 | border-width: 1px 0 0 0; | |
234 | border-style: solid none none none; | |
235 | margin-top: 20px; | |
236 | padding: 10px; | |
237 | } | |
238 | ||
239 | #fiche_chercheur .label | |
240 | { | |
241 | color:grey; | |
242 | font-weight:bold; | |
243 | width:150px; | |
244 | } | |
245 | ||
7f7de67a | 246 | #fiche_chercheur .souligne |
556d841a AJ |
247 | { |
248 | border-bottom:1px solid #DDD; | |
249 | } |