56 a{ |
56 a{ |
57 color:#000; |
57 color:#000; |
58 text-decoration: none; |
58 text-decoration: none; |
59 } |
59 } |
60 /* common */ |
60 /* common */ |
61 div.wrap{ |
61 .wrap{ |
62 min-height:100%; |
62 min-height:100%; |
63 background-color: #FFF; |
63 background-color: #FFF; |
64 width: 960px; |
64 width: 960px; |
65 margin: 0 auto; |
65 margin: 0 auto; |
66 font-family: 'OpenSans'; |
66 font-family: 'OpenSans'; |
67 font-weight: 400; |
67 font-weight: 400; |
68 color:#333333; |
68 color:#333333; |
69 font-size: 13px; |
69 font-size: 13px; |
70 height: 100%; |
70 height: 100%; |
71 } |
71 } |
72 div.wrap-header{ |
72 .wrap-header{ |
73 padding-top: 5px; |
73 padding-top: 5px; |
74 background-color: #370078; |
74 background-color: #370078; |
75 height: 53px; |
75 height: 53px; |
76 margin-bottom: 1px; |
76 margin-bottom: 1px; |
77 } |
77 } |
78 /* header */ |
78 /* header */ |
79 div.header{ |
79 .header{ |
80 position: relative; |
80 position: relative; |
81 background-color: #e2dbfd; |
81 background-color: #e2dbfd; |
82 height: 60px; |
82 height: 60px; |
83 } |
83 } |
84 div.header div.title-video-wrap, div.header h1, div.header div.profil-wrap{ |
84 .header .title-video-wrap, |
|
85 .header h1, |
|
86 .header .profil-wrap{ |
85 position: relative; |
87 position: relative; |
86 float: left; |
88 float: left; |
87 height: 60px; |
89 height: 60px; |
88 } |
90 } |
89 div.header h1{ |
91 .header h1{ |
90 display: inline-block; |
92 display: inline-block; |
91 height: 60px; |
93 height: 60px; |
92 width: 250px; |
94 width: 250px; |
93 } |
95 } |
94 div.header h1 a img, div.header h1 a span{ |
96 .header h1 a img, |
95 float: left; |
97 .header h1 a span{ |
96 } |
98 float: left; |
97 div.header h1 a{ |
99 } |
|
100 .header h1 a{ |
98 padding-top: 6px; |
101 padding-top: 6px; |
99 } |
102 } |
100 div.header h1 a span{ |
103 .header h1 a span{ |
101 font-size: 20px; |
104 font-size: 20px; |
102 text-align: center; |
105 text-align: center; |
103 padding: 0px 0 0 6px; |
106 padding: 0px 0 0 6px; |
104 font-weight: 300; |
107 font-weight: 300; |
105 } |
108 } |
106 /* header - profil-wrap */ |
109 /* header - profil-wrap */ |
107 div.header div.profil-wrap{ |
110 .header .profil-wrap{ |
108 width: 250px; |
111 width: 250px; |
109 } |
112 } |
110 div.header div.profil-wrap a{ |
113 .header .profil-wrap a{ |
111 width: 160px; |
114 width: 160px; |
112 display: block; |
115 display: block; |
113 text-align: right; |
116 text-align: right; |
114 position: absolute; |
117 position: absolute; |
115 right: 0; |
118 right: 0; |
116 font-size: 14px; |
119 font-size: 14px; |
117 color: #30036d; |
120 color: #30036d; |
118 padding-right: 18px; |
121 padding-right: 18px; |
119 } |
122 } |
120 div.header div.profil-wrap a:hover{ |
123 .header .profil-wrap a:hover{ |
121 color: #FF00FC; |
124 color: #FF00FC; |
122 } |
125 } |
123 div.header div.profil-wrap a.all-hashcut{ |
126 .header .profil-wrap a.all-hashcut{ |
124 top: 12px; |
127 top: 12px; |
125 background: url(../img/arrow-top.png) right 2px no-repeat; |
128 background: url(../img/arrow-top.png) right 2px no-repeat; |
126 } |
129 } |
127 div.header div.profil-wrap a.my-profil{ |
130 .header .profil-wrap a.my-profil{ |
128 top: 32px; |
131 top: 32px; |
129 background: url(../img/arrow-bot.png) right 4px no-repeat; |
132 background: url(../img/arrow-bot.png) right 4px no-repeat; |
130 } |
133 } |
131 /* content */ |
134 /* content */ |
132 div.content{ |
135 .content{ |
133 width: 960px; |
136 width: 960px; |
134 min-height: 750px; |
137 min-height: 750px; |
135 background: url(../img/bg-degrade.png) 0 0 repeat-x; |
138 background: url(../img/bg-degrade.png) 0 0 repeat-x; |
136 } |
139 } |
137 /* popin */ |
140 /* popin */ |
138 div.popin{ |
141 .popin{ |
139 padding-top: 12px; |
142 padding-top: 12px; |
140 position: absolute; |
143 position: absolute; |
141 top: 0; |
144 top: 0; |
142 z-index: 10; |
145 z-index: 10; |
143 } |
146 } |
144 div.popin img.pointer{ |
147 .popin img.pointer{ |
145 position: absolute; |
148 position: absolute; |
146 top: 0; |
149 top: 0; |
147 } |
150 } |
148 div.popin div.popin-content{ |
151 .popin .popin-content{ |
149 padding: 8px; |
152 padding: 8px; |
150 border: 1px solid #867a97; |
153 border: 1px solid #867a97; |
151 background: url(../img/bg-jaune.png); |
154 background: url(../img/bg-jaune.png); |
152 } |
155 } |
153 div.popin input[type=text],div.popin input[type=password], div.popin textarea{ |
156 .popin input[type=text], |
|
157 .popin input[type=password], |
|
158 .popin textarea{ |
154 padding: 0 6px; |
159 padding: 0 6px; |
155 height: 20px; |
160 height: 20px; |
156 line-height: 20px; |
161 line-height: 20px; |
157 font-size: 12px; |
162 font-size: 12px; |
158 border: 1px solid #867a97; |
163 border: 1px solid #867a97; |
160 -moz-border-radius: 4px; |
165 -moz-border-radius: 4px; |
161 border-radius: 4px; |
166 border-radius: 4px; |
162 } |
167 } |
163 /* popin - user */ |
168 /* popin - user */ |
164 |
169 |
165 div.user.popin.signup { |
170 .user.popin.signup { |
166 display: none; |
171 display: none; |
167 } |
172 } |
168 div.user.popin.info { |
173 .user.popin.info { |
169 display: none; |
174 display: none; |
170 } |
175 } |
171 div.user.popin.login { |
176 .user.popin.login { |
172 display: none; |
177 display: none; |
173 } |
178 } |
174 |
179 |
175 div.user.popin{ |
180 .user.popin{ |
176 top: 48px; |
181 top: 48px; |
177 right: 0; |
182 right: 0; |
178 } |
183 } |
179 div.user.popin img.pointer{ |
184 .user.popin img.pointer{ |
180 right: 36px; |
185 right: 36px; |
181 } |
186 } |
182 div.user.popin.signup div.popin-content form input[type=submit], |
187 .user.popin.signup input[type=submit], |
183 div.user.popin.login div.popin-content form input[type=submit], |
188 .user.popin.login input[type=submit], |
184 div.user.popin.login a.signup-button , |
189 .user.popin.login a.signup-button , |
185 div.popin.segmentation form input[type=submit], |
190 .popin.segmentation input[type=submit], |
186 div.popin.segment-section a.reprendre-segment{ |
191 .popin.segment-section a.reprendre-segment{ |
187 margin-top: 2px; |
192 margin-top: 2px; |
188 display: block; |
193 display: block; |
189 font-size: 12px; |
194 font-size: 12px; |
190 border: 0; |
195 border: 0; |
191 width: 150px; |
196 width: 150px; |
197 -moz-border-radius: 4px; |
202 -moz-border-radius: 4px; |
198 border-radius: 4px; |
203 border-radius: 4px; |
199 float: right; |
204 float: right; |
200 cursor: pointer; |
205 cursor: pointer; |
201 } |
206 } |
202 div.user.popin.signup div.popin-content form input[type=submit]:hover, |
207 .user.popin.signup form input[type=submit]:hover, |
203 div.user.popin.login div.popin-content form input[type=submit]:hover, |
208 .user.popin.login form input[type=submit]:hover, |
204 div.user.popin.login div.popin-content a.signup-button:hover, |
209 .user.popin.login a.signup-button:hover, |
205 div.popin.segmentation form input[type=submit]:hover, |
210 .popin.segmentation input[type=submit]:hover, |
206 div.popin.segment-section a.reprendre-segment:hover{ |
211 .popin.segment-section a.reprendre-segment:hover{ |
207 background-color: #FF00FC |
212 background-color: #FF00FC |
208 } |
213 } |
209 div.user.popin.signup div.popin-content h2, |
214 .user.popin.signup .popin-content h2, |
210 div.user.popin.login div.popin-content h2{ |
215 .user.popin.login .popin-content h2{ |
211 color: #de2500; |
216 color: #de2500; |
212 font-size: 14px; |
217 font-size: 14px; |
213 margin-bottom: 12px; |
218 margin-bottom: 12px; |
214 } |
219 } |
215 div.user.popin.signup div.popin-content form label, |
220 .user.popin.signup .popin-content label, |
216 div.user.popin.login div.popin-content form label{ |
221 .user.popin.login .popin-content label{ |
217 width: 84px; |
222 width: 84px; |
218 font-size: 12px; |
223 font-size: 12px; |
219 display: inline-block; |
224 display: inline-block; |
220 float: left; |
225 float: left; |
221 line-height: 12px; |
226 line-height: 12px; |
222 } |
227 } |
223 div.user.popin.signup div.popin-content form p, |
228 .user.popin.signup .popin-content form p, |
224 div.user.popin.login div.popin-content form p{ |
229 .user.popin.login .popin-content form p{ |
225 display: block; |
230 display: block; |
226 line-height: 18px; |
231 line-height: 18px; |
227 margin-bottom: 8px; |
232 margin-bottom: 8px; |
228 overflow: hidden; |
233 overflow: hidden; |
229 } |
234 } |
230 div.user.popin.signup div.popin-content form input[type=text], |
235 .user.popin.signup input[type=text], |
231 div.user.popin.signup div.popin-content form input[type=password], |
236 .user.popin.signup input[type=password], |
232 div.user.popin.login div.popin-content form input[type=text], |
237 .user.popin.login input[type=text], |
233 div.user.popin.login div.popin-content form input[type=password]{ |
238 .user.popin.login input[type=password]{ |
234 float: left; |
239 float: left; |
235 position: relative; |
240 position: relative; |
236 width: 110px; |
241 width: 110px; |
237 padding: 0 5px; |
242 padding: 0 5px; |
238 height: 18px; |
243 height: 18px; |
239 display: inline-block; |
244 display: inline-block; |
240 } |
245 } |
241 /* popin - user - info */ |
246 /* popin - user - info */ |
242 div.user.popin.info div.popin-content{ |
247 .user.popin.info .popin-content{ |
243 min-width: 150px; |
248 min-width: 150px; |
244 text-align: right; |
249 text-align: right; |
245 } |
250 } |
246 div.user.popin.info div.popin-content h2{ |
251 .user.popin.info .popin-content h2{ |
247 color: #7628df; |
252 color: #7628df; |
248 font-size: 18px; |
253 font-size: 18px; |
249 font-weight: 600; |
254 font-weight: 600; |
250 margin-bottom: 2px; |
255 margin-bottom: 2px; |
251 } |
256 } |
252 div.user.popin.info div.popin-content h3{ |
257 .user.popin.info .popin-content h3{ |
253 color: #30036d; |
258 color: #30036d; |
254 font-size: 14px; |
259 font-size: 14px; |
255 margin-bottom: 10px; |
260 margin-bottom: 10px; |
256 } |
261 } |
257 div.user.popin.info div.popin-content a.nb-hashcut{ |
262 .user.popin.info .popin-content a.nb-hashcut{ |
258 color: #de2500; |
263 color: #de2500; |
259 font-size: 14px; |
264 font-size: 14px; |
260 text-decoration: underline; |
265 text-decoration: underline; |
261 display: block; |
266 display: block; |
262 margin-bottom: 12px; |
267 margin-bottom: 12px; |
263 } |
268 } |
264 div.user.popin.info div.popin-content a.nb-hashcut:hover{ |
269 .user.popin.info .popin-content a.nb-hashcut:hover{ |
265 text-decoration: none; |
270 text-decoration: none; |
266 } |
271 } |
267 div.user.popin.info div.popin-content a.change-account{ |
272 .user.popin.info .popin-content a.change-account{ |
268 text-align: center; |
273 text-align: center; |
269 height: 20px; |
274 height: 20px; |
270 width: 150px; |
275 width: 150px; |
271 line-height: 20px; |
276 line-height: 20px; |
272 color: #FFF; |
277 color: #FFF; |
275 -moz-border-radius: 2px; |
280 -moz-border-radius: 2px; |
276 -webkit-border-radius: 2px; |
281 -webkit-border-radius: 2px; |
277 border-radius: 2px; |
282 border-radius: 2px; |
278 display: block; |
283 display: block; |
279 } |
284 } |
280 div.user.popin.info div.popin-content a.change-account:hover{ |
285 .user.popin.info .popin-content a.change-account:hover{ |
281 background-color: #FF00FC; |
286 background-color: #FF00FC; |
282 } |
287 } |
283 /* popin - user - signup */ |
288 /* popin - user - signup */ |
284 div.user.popin.login div.popin-content a.signup-button{ |
289 .user.popin.login .popin-content a.signup-button{ |
285 background-color: #de2500; |
290 background-color: #de2500; |
286 } |
291 } |
287 div.user.popin.signup div.popin-content{ |
292 .user.popin.signup .popin-content{ |
288 min-width: 205px; |
293 min-width: 205px; |
289 } |
294 } |
290 /* footer */ |
295 /* footer */ |
291 div.footer{ |
296 .footer{ |
292 border-top: 1px solid black; |
297 border-top: 1px solid black; |
293 width: 100%; |
298 width: 100%; |
294 padding-top: 8px; |
299 padding-top: 8px; |
295 } |
300 } |
296 div.footer ul.links-left{ |
301 .footer .links-left{ |
297 float: left; |
302 float: left; |
298 } |
303 } |
299 div.footer ul.links-left li{ |
304 .footer .links-left li{ |
300 margin-bottom: 4px; |
305 margin-bottom: 4px; |
301 } |
306 } |
302 div.footer ul.links-left li a{ |
307 .footer .links-left li a{ |
303 border-bottom: 1px solid #cccccc; |
308 border-bottom: 1px solid #cccccc; |
304 } |
309 } |
305 div.footer ul.links-left li a:hover{ |
310 .footer .links-left li a:hover{ |
306 border-bottom: none; |
311 border-bottom: none; |
307 } |
312 } |
308 div.footer ul.links-right{ |
313 .footer .links-right{ |
309 float: right; |
314 float: right; |
310 } |
315 } |
311 div.footer ul.links-right li{ |
316 .footer .links-right li{ |
312 line-height: 40px; |
317 line-height: 40px; |
313 float: right; |
318 float: right; |
314 margin-left: 8px; |
319 margin-left: 8px; |
315 } |
320 } |
316 div.footer ul.links-right li img { |
321 .footer .links-right li img { |
317 vertical-align: middle; |
322 vertical-align: middle; |
318 } |
323 } |