CCS CUTING REF : 539

CSS Cuting needed for the attached psd file following the given practises ## Deliverables Use the same font for the text than the psd. Use jquery for all the js developpement. [login to view URL] : -The big image must be a diaporama automaticaly animate in jquery with a fading effect (slow), the text just under (1 line) must change with each image. - the red button "Cr?er votre alerte E-Mail ? partir de vos crit?res" must open a form in a fancybox with all the values of the fields of the search engine. When you submit this form you must have a message "votre demande a bien ?t? envoy?e." still in the fancybox and close the fancybox after 3sec. -When you submit the form "nous vous rappelons", you must have a message in the fancybox like "Votre demande a bien ?t? envoy?e" then close after 3 sec. -The field "type de logement" must be a multiselect dropdown checkbox list. - each pictures in "nouveaut?s" are links and must be diaporama automaticaly animate in jquery with a fading effect (slow), the magnifiyng glass is a mouseover effect. [login to view URL] : - "partagez cette annonce", the 3 icones must share the url on the 3 corresponding social network. - visite virtuelle is a link Please don't use iframe with the fancybox (not good for google). We need also the following rules to be applied: - The work has to be 100% W3C compliant - The web page, once cut, has to look exactly like the PSD given, - It must display the same in 1024 and above in IE7, IE8, IE9, Chrome, and FF at least. - The cutting has to follow the logical blocs of the page. - The cutting has to be "complete" which means : . all the text has to be real text, not images, . photos have to be isolately cut (because photos are dynamic actually), . forms elements such as input, checkbox, radio button, select have to be HTML, not images or drawings, - The cutting has to be elastic in height, - No iframe nor frame must be used, - No javascript for rollover, submenus, etc. except if absolutely necessary, just CSS, - Please provide PSD for buttons or text in images, - Only one style sheet, not one per page, - Please respect the color of background, - The page has the same width than the psd, everything that is on the right or on the left is in this background. - The titles or sub titles of the pages have to be as close as possible of thetag and use H1, H2, etc. - Please use the following doctype: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[login to view URL]"> < html xmlns="[login to view URL]"> < head> < meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - All picture must be transparent and don't take the color background.