CCS CUTING REF : 614

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. This project is an Responsive Web Design. [login to view URL] : Header : The header is fix Logo : The logo in header is clickable Menu and sub menu : When you pass the mouse on the menu, the submenu display and the suqre picto also. When you pass the mouse on the submenu, the color of text change (#dec566) -The big image must be automaticaly animate in jquery. For the big image, he has to have 4 of it there. 1 by default and 3 others when we cross on the mouse on buttons ("actualités & press" / "Fondateur du Private Reality Club" / "Le monde de Square's" ) when you pass the mouse on the big button the color of text change (#dec566) The big button is an image background and text - Country on the bar slide it's a slide ticket jquery . When you pass your mouse on the bar, the slide stop. Each country is clickable. The Label "Choice Quality" is clickable Search engine : - The field "Pays" is particular because there are two label (France & International). When you choose International you go on the other website - Button "Créer mon alerte e-mail" (Background + text) When you click on the button, you open a lightbox with a form conserve the values selected on the search engine of the home - Button "Lancer la recherche" submit the form and redirect to [login to view URL] page Coup de coeur : This is a 4 blocs with a picture and the text. The opacity of the bloc is 100%. when you pass the mouse on the bloc the opacity is 0% Newsletter : -When you submit the form "Envoyer" submit a form with jquery and a message in the fancybox like "Vos inscription a été enregistrée" then close after 3 sec. [login to view URL] : Header : The header is fix Header : The header is not fix. When you scroll then the header comes down (For the zone of header view the [login to view URL] file) Search engine : The same thing as on the home When you click on the button ("Plus de details") go to the [login to view URL] [login to view URL] you click on the button ("Nous contacter pour ce bien") go on the other page with form Include the pagination on this page [login to view URL] : Header : The header is fix When you click on the button ("Visualiser le DPE"), the layer (DPE_layer in PSD). NB : The layer is a background image and the value in the arrow black) When you click on the button ("Imprimer la fiche") you send a print fiche (no header / no footer) The picture is a gallery : you can use jquery galleriffic [login to view URL] Header : The header is fix The arrow picture are clickable and go to the [login to view URL] style page_actu2 Header : The header is fix this is a carroussel The arrow picture are clickable for change the news. When you click on the news you open a lightbox whith the news [login to view URL] Header : The header is not fix. When you scroll then the header comes down (For the zone of header view the [login to view URL] file) The cube ([login to view URL]) is clickable. each cube go in the paragraphe down. when you pass the mouse on the cube display a golden cube. For each paragraphe the cube is also clickable. Someone opens has lightbox withe gallery picture of the other one open another page. It is necessary to create these two examples. when you pass the mouse on the cube display a golden cube. [login to view URL] the cube is also clickable. Someone opens has lightbox with a form of the other one open another page. It is necessary to create these two examples. when you pass the mouse on the cube display a golden cube. [login to view URL] the cube is also clickable. when you pass the mouse on the cube display a golden cube and the text. when you click on the cube open a lightbox with a big picture of the house