39 url("fonts/OpenSans-Semibold.ttf") format("truetype"), |
39 url("fonts/OpenSans-Semibold.ttf") format("truetype"), |
40 url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); |
40 url("fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); |
41 } |
41 } |
42 @font-face { |
42 @font-face { |
43 font-family: 'OpenSans'; |
43 font-family: 'OpenSans'; |
44 font-weight: 600px; |
44 font-weight: 600; |
45 font-style: italic; |
45 font-style: italic; |
46 src:url("fonts/OpenSans-SemiboldItalic.eot?") format("eot"), |
46 src:url("fonts/OpenSans-SemiboldItalic.eot?") format("eot"), |
47 url("fonts/OpenSans-SemiboldItalic.woff") format("woff"), |
47 url("fonts/OpenSans-SemiboldItalic.woff") format("woff"), |
48 url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"), |
48 url("fonts/OpenSans-SemiboldItalic.ttf") format("truetype"), |
49 url("fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg"); |
49 url("fonts/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg"); |
165 -moz-border-radius: 4px; |
165 -moz-border-radius: 4px; |
166 border-radius: 4px; |
166 border-radius: 4px; |
167 } |
167 } |
168 /* popin - user */ |
168 /* popin - user */ |
169 |
169 |
170 .user.popin.signup { |
170 .popin { |
171 display: none; |
171 display: none; |
172 } |
|
173 .user.popin.info { |
|
174 display: none; |
|
175 } |
|
176 .user.popin.login { |
|
177 display: none; |
|
178 } |
172 } |
179 |
173 |
180 .user.popin{ |
174 .user.popin{ |
181 top: 48px; |
175 top: 48px; |
182 right: 0; |
176 right: 0; |
183 } |
177 } |
184 .user.popin img.pointer{ |
178 .user.popin img.pointer{ |
185 right: 36px; |
179 right: 36px; |
186 } |
180 } |
187 .user.popin.signup input[type=submit], |
181 .button { |
188 .user.popin.login input[type=submit], |
|
189 .user.popin.login a.signup-button , |
|
190 .popin.segmentation input[type=submit], |
|
191 .popin.segment-section a.reprendre-segment{ |
|
192 margin-top: 2px; |
182 margin-top: 2px; |
193 display: block; |
183 display: block; |
194 font-size: 12px; |
184 font-size: 12px; |
195 border: 0; |
185 border: none; |
|
186 padding: 0; |
196 width: 150px; |
187 width: 150px; |
197 padding: 1px 0; |
|
198 background-color: #30036D; |
188 background-color: #30036D; |
199 color: #FFF; |
189 color: #FFF; |
200 text-align: center; |
190 text-align: center; |
201 -webkit-border-radius: 4px; |
191 -webkit-border-radius: 4px; |
202 -moz-border-radius: 4px; |
192 -moz-border-radius: 4px; |
203 border-radius: 4px; |
193 border-radius: 4px; |
204 float: right; |
|
205 cursor: pointer; |
194 cursor: pointer; |
206 } |
195 height: 22px; |
207 .user.popin.signup form input[type=submit]:hover, |
196 line-height: 22px; |
208 .user.popin.login form input[type=submit]:hover, |
197 } |
209 .user.popin.login a.signup-button:hover, |
198 |
210 .popin.segmentation input[type=submit]:hover, |
199 .button:hover{ |
211 .popin.segment-section a.reprendre-segment:hover{ |
|
212 background-color: #FF00FC |
200 background-color: #FF00FC |
213 } |
201 } |
214 .user.popin.signup .popin-content h2, |
202 .user.login h2, .user.signup h2 { |
215 .user.popin.login .popin-content h2{ |
|
216 color: #de2500; |
203 color: #de2500; |
217 font-size: 14px; |
204 font-size: 14px; |
|
205 font-weight: 600; |
218 margin-bottom: 12px; |
206 margin-bottom: 12px; |
219 } |
207 } |
220 .user.popin.signup .popin-content label, |
208 |
221 .user.popin.login .popin-content label{ |
209 .user.info h2 { |
|
210 color: #7628df; |
|
211 font-size: 18px; |
|
212 font-weight: 600;margin-bottom: 2px; |
|
213 } |
|
214 |
|
215 .user label{ |
222 width: 84px; |
216 width: 84px; |
223 font-size: 12px; |
217 font-size: 12px; |
224 display: inline-block; |
218 display: inline-block; |
225 float: left; |
219 line-height: 10px; |
226 line-height: 12px; |
220 } |
227 } |
221 .user p { |
228 .user.popin.signup .popin-content form p, |
|
229 .user.popin.login .popin-content form p{ |
|
230 display: block; |
222 display: block; |
231 line-height: 18px; |
223 line-height: 18px; |
232 margin-bottom: 8px; |
224 margin-bottom: 8px; |
233 overflow: hidden; |
225 overflow: hidden; |
234 } |
226 } |
235 .user.popin.signup input[type=text], |
227 .user input[type=text], |
236 .user.popin.signup input[type=password], |
228 .user input[type=password] { |
237 .user.popin.login input[type=text], |
|
238 .user.popin.login input[type=password]{ |
|
239 float: left; |
|
240 position: relative; |
229 position: relative; |
241 width: 110px; |
230 width: 110px; |
242 padding: 0 5px; |
231 padding: 0 5px; |
243 height: 18px; |
232 height: 18px; |
244 display: inline-block; |
233 display: inline-block; |
245 } |
234 } |
|
235 .user .button { |
|
236 float: right; |
|
237 } |
246 /* popin - user - info */ |
238 /* popin - user - info */ |
247 .user.popin.info .popin-content{ |
239 .user.info { |
248 min-width: 150px; |
|
249 text-align: right; |
240 text-align: right; |
250 } |
241 } |
251 .user.popin.info .popin-content h2{ |
242 .user h3{ |
252 color: #7628df; |
|
253 font-size: 18px; |
|
254 font-weight: 600; |
|
255 margin-bottom: 2px; |
|
256 } |
|
257 .user.popin.info .popin-content h3{ |
|
258 color: #30036d; |
243 color: #30036d; |
259 font-size: 14px; |
244 font-size: 14px; |
260 margin-bottom: 10px; |
245 margin-bottom: 10px; |
261 } |
246 } |
262 .user.popin.info .popin-content a.nb-hashcut{ |
247 .user .nb-hashcut{ |
263 color: #de2500; |
248 color: #de2500; |
264 font-size: 14px; |
249 font-size: 14px; |
265 text-decoration: underline; |
250 text-decoration: underline; |
266 display: block; |
251 display: block; |
267 margin-bottom: 12px; |
252 margin-bottom: 12px; |
268 } |
253 } |
269 .user.popin.info .popin-content a.nb-hashcut:hover{ |
254 .user .nb-hashcut:hover{ |
270 text-decoration: none; |
255 text-decoration: none; |
271 } |
|
272 .user.popin.info .popin-content a.change-account{ |
|
273 text-align: center; |
|
274 height: 20px; |
|
275 width: 150px; |
|
276 line-height: 20px; |
|
277 color: #FFF; |
|
278 font-size: 12px; |
|
279 background-color: #30036d; |
|
280 -moz-border-radius: 2px; |
|
281 -webkit-border-radius: 2px; |
|
282 border-radius: 2px; |
|
283 display: block; |
|
284 } |
256 } |
285 .user.popin.info .popin-content a.change-account:hover{ |
257 .user.popin.info .popin-content a.change-account:hover{ |
286 background-color: #FF00FC; |
258 background-color: #FF00FC; |
287 } |
259 } |
288 /* popin - user - signup */ |
260 /* popin - user - signup */ |
289 .user.popin.login .popin-content a.signup-button{ |
261 .signup-button{ |
290 background-color: #de2500; |
262 background-color: #de2500; |
291 } |
263 } |
292 .user.popin.signup .popin-content{ |
264 .user .popin-content{ |
293 min-width: 205px; |
265 min-width: 205px; |
294 } |
266 } |
295 /* footer */ |
267 /* footer */ |
296 .footer{ |
268 .footer{ |
297 border-top: 1px solid black; |
269 border-top: 1px solid black; |