Passage d'un site en responsive

Nous avons un site e-commerce pour lequel nous souhaitons passer le design actuel en responsive.
Nous ne souhaitons pas modifier le graphisme actuel, qui nous convient parfaitement : nous souhaitons uniquement que ce graphisme s'adapte au device utilisé.

Bibliothèque à utiliser obligatoirement : bootstrap dernière version.

Le site en question est le suivant : [URL visible pour les membres Pro]

Il faut modifier le HTML le moins possible (et donc modifier le CSS le plus possible).
Nous n'utilisons pas de CSS dynamique (genre LESS ou SAAS).

Un récapitulatif (pas forcément exhaustif) des modifications est le suivant :
--- Global ---
- Passer toutes les dimensions en pourcentages, le layout et les éléments contenus. (passer d'abord le site desktop en tailles relatives puis faire l'adaptation responsive)
- Ajuster le cadrage de l'affichage sur tablette et sur mobile (exemple: légères marges latérales sur tablette).
- Ajuster les font-sizes en fonction du device. (passer d'abord le site desktop en tailles relatives puis faire l'adaptation responsive)
- Élargissement du template pour les grands devices (avec problème de fond spécial promotions qui doit s'adapter aussi mais n'est actuellement qu'une seule image)

--- Header ---
- Structure tablette et mobile :
- 1ère ligne : icône hamburger - logo - ... - icône nous contacter - icône mon compte - icône panier
- 2ème ligne : champ de recherche
- Passer en hamburger menu sur mobile et tablette. (Du nouveau code html sera nécessaire)
- Bouton mon compte : suppression de la popup login au hover du bouton "mon compte" sur device tactile.

--- Footer ---
- 3 images en bas de page : cacher le configurateur sur mobile, passer sur 1 colonne pour les petits devices.
- Cacher bloc "Tout voir" sur mobile.
- Cacher bloc commençant par "Choisir sa cave à vin" sur mobile.
- Cacher barre fixe foncée sur mobile.
- Ajouter sélecteur de langue et lien vers site pro dans le footer (html en plus)

--- Home ---
- Carrousel principal : ajuster à la largeur du device + cacher les boutons en dessous sur mobile.
- Blocs à droite du carrousel proncipal : ne garder que "Sélection de vin".
- Cacher les infos qui sont entre le carrousel et les "promotions caves à vin" sur mobile.
- Remplacer les promotions et les meilleurs ventes par des liens vers ces listes sur mobile.
- Carrousel multiple : ajuster jusqu'à 2 articles à la fois pour les petits devices, adapater avec le plugin actuellement en place s'il le permet, sinon, le remplacer.
- Blocs type "Besoin d'aide" : refaire le css pour qu'ils s'empilent correctement.

--- Rayon ([URL visible pour les membres Pro]) ---
- Réduire le nombre de colonnes de vignettes produit en fonction du device (nouvelle structure html et nouveau css car actuellement ça n'est pas des éléments en float mais des groupes d'éléments ou des éléments dont le dernier de la ligne est différencié).
- Filtres : Réduire le nombre de colonnes en fonction du device (nouvelle structure html et nouveau css car actuellement ça n'est pas des éléments en float mais des groupes d'éléments ou des éléments dont le dernier de la ligne est différencié).
- Cacher photo de gauche à partir du format tablette.

--- Panier ---
- Faire version mobile des rond étapes en html-css.
- Adapter les éléments suivants aux tablettes et au mobile :
- Panier
- Identification
- Création de compte
- Livraison
- Garantie
- Récapitulatif

--- Institutionnel ([URL visible pour les membres Pro],4,qui-sommes-nous.htm) ---
- Haut de page :
- Cacher la "grappe" ce gauche sur tablette et mobile
- Passer sur une colonne en mobile

--- Page photos ([URL visible pour les membres Pro]) ---
- Réduire le nombre de colonnes en fonction du device (nouvelle structure html et nouveau css car actuellement ça n'est pas des éléments en float mais des groupes d'éléments ou des éléments dont le dernier de la ligne est différencié).

--- Showroom ([URL visible pour les membres Pro]) ---
- Liste des caves à vin : Sur mobile, 2 colonnes toujours mais on cache la description et les produis similaires