upadted home V2

sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc

@@ -4208,13 +4208,9 @@ function materio_content_types_field_default_field_instances() {
       ),
       'homeblock' => array(
         'label' => 'hidden',
-        'module' => 'title',
-        'settings' => array(
-          'title_class' => '',
-          'title_link' => '',
-          'title_style' => '',
-        ),
-        'type' => 'title_linked',
+        'module' => 'text',
+        'settings' => array(),
+        'type' => 'text_default',
         'weight' => 3,
       ),
       'print' => array(

sites/all/modules/features/materio_content_types/materio_content_types.info

@@ -21,7 +21,6 @@ dependencies[] = list
 dependencies[] = materio_page_title
 dependencies[] = materio_subscriptions
 dependencies[] = materio_user_profiles
-dependencies[] = node
 dependencies[] = options
 dependencies[] = print
 dependencies[] = print_ui

sites/all/modules/features/materio_home_v2/materio_home_v2.pages_default.inc

@@ -109,7 +109,7 @@ function materio_home_v2_default_page_manager_pages() {
     $pane->panel = 'middle';
     $pane->type = 'block';
     $pane->subtype = 'menu-menu-home-v2';
-    $pane->shown = TRUE;
+    $pane->shown = FALSE;
     $pane->access = array();
     $pane->configuration = array(
       'override_title' => 1,

sites/all/modules/features/materio_home_v2/materio_home_v2.panels_default.inc

@@ -21,7 +21,7 @@ function materio_home_v2_default_panels_mini() {
   $mini->contexts = array();
   $mini->relationships = array();
   $display = new panels_display();
-  $display->layout = 'twocol_stacked';
+  $display->layout = 'threecol_33_34_33_stacked';
   $display->layout_settings = array();
   $display->panel_settings = array(
     'style_settings' => array(
@@ -30,6 +30,7 @@ function materio_home_v2_default_panels_mini() {
       'left' => NULL,
       'right' => NULL,
       'bottom' => NULL,
+      'middle' => NULL,
     ),
   );
   $display->cache = array();
@@ -42,7 +43,7 @@ function materio_home_v2_default_panels_mini() {
     $pane->panel = 'bottom';
     $pane->type = 'block';
     $pane->subtype = 'simplenews-6274';
-    $pane->shown = TRUE;
+    $pane->shown = FALSE;
     $pane->access = array();
     $pane->configuration = array(
       'override_title' => 0,
@@ -70,7 +71,10 @@ function materio_home_v2_default_panels_mini() {
     $pane->subtype = 'news_home_v2-panel_pane_1';
     $pane->shown = TRUE;
     $pane->access = array();
-    $pane->configuration = array();
+    $pane->configuration = array(
+      'link_to_view' => 1,
+      'path' => 'actuality',
+    );
     $pane->cache = array();
     $pane->style = array(
       'settings' => NULL,
@@ -87,7 +91,7 @@ function materio_home_v2_default_panels_mini() {
     $display->panels['left'][0] = 'new-04d42fc5-b2de-441b-aaff-3becac366c74';
     $pane = new stdClass();
     $pane->pid = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2';
-    $pane->panel = 'right';
+    $pane->panel = 'middle';
     $pane->type = 'views_panes';
     $pane->subtype = 'news_home_v2-panel_pane_2';
     $pane->shown = TRUE;
@@ -106,8 +110,31 @@ function materio_home_v2_default_panels_mini() {
     $pane->locks = array();
     $pane->uuid = '04d7e982-b05e-4bcd-a24a-8d80b8a4bee2';
     $display->content['new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2'] = $pane;
-    $display->panels['right'][0] = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2';
-  $display->hide_title = PANELS_TITLE_FIXED;
+    $display->panels['middle'][0] = 'new-04d7e982-b05e-4bcd-a24a-8d80b8a4bee2';
+    $pane = new stdClass();
+    $pane->pid = 'new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28';
+    $pane->panel = 'right';
+    $pane->type = 'views_panes';
+    $pane->subtype = 'news_home_v2-panel_pane_3';
+    $pane->shown = TRUE;
+    $pane->access = array();
+    $pane->configuration = array(
+      'override_title' => 0,
+      'override_title_text' => '',
+      'override_title_heading' => 'h2',
+    );
+    $pane->cache = array();
+    $pane->style = array(
+      'settings' => NULL,
+    );
+    $pane->css = array();
+    $pane->extras = array();
+    $pane->position = 0;
+    $pane->locks = array();
+    $pane->uuid = '5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28';
+    $display->content['new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28'] = $pane;
+    $display->panels['right'][0] = 'new-5a41e0d1-2e82-4fdb-a34a-6712d9cc6d28';
+  $display->hide_title = PANELS_TITLE_NONE;
   $display->title_pane = 'new-9cd76d41-bb30-42d9-9209-cdf495d97281';
   $mini->display = $display;
   $export['news_home_v2'] = $mini;

sites/all/modules/features/materio_home_v2/materio_home_v2.views_default.inc

@@ -33,38 +33,38 @@ function materio_home_v2_views_default_views() {
   $handler->display->display_options['exposed_form']['options']['reset_button_label'] = 'Réinitialiser';
   $handler->display->display_options['exposed_form']['options']['exposed_sorts_label'] = 'Trier par';
   $handler->display->display_options['pager']['type'] = 'some';
-  $handler->display->display_options['pager']['options']['items_per_page'] = '6';
+  $handler->display->display_options['pager']['options']['items_per_page'] = '1';
   $handler->display->display_options['pager']['options']['offset'] = '0';
   $handler->display->display_options['style_plugin'] = 'default';
   $handler->display->display_options['row_plugin'] = 'entity';
-  $handler->display->display_options['row_options']['view_mode'] = 'cardmedium';
-  /* Field: Content: Title */
+  $handler->display->display_options['row_options']['view_mode'] = 'cardbig';
+  /* Champ: Contenu : Titre */
   $handler->display->display_options['fields']['title']['id'] = 'title';
   $handler->display->display_options['fields']['title']['table'] = 'node';
   $handler->display->display_options['fields']['title']['field'] = 'title';
   $handler->display->display_options['fields']['title']['label'] = '';
   $handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
   $handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
-  /* Sort criterion: Content: Post date */
+  /* Critère de tri: Contenu : Date de publication */
   $handler->display->display_options['sorts']['created']['id'] = 'created';
   $handler->display->display_options['sorts']['created']['table'] = 'node';
   $handler->display->display_options['sorts']['created']['field'] = 'created';
   $handler->display->display_options['sorts']['created']['order'] = 'DESC';
-  /* Filter criterion: Content: Published */
+  /* Critère de filtrage: Contenu : Publié */
   $handler->display->display_options['filters']['status']['id'] = 'status';
   $handler->display->display_options['filters']['status']['table'] = 'node';
   $handler->display->display_options['filters']['status']['field'] = 'status';
   $handler->display->display_options['filters']['status']['value'] = 1;
   $handler->display->display_options['filters']['status']['group'] = 1;
   $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
-  /* Filter criterion: Content: Type */
+  /* Critère de filtrage: Contenu : Type */
   $handler->display->display_options['filters']['type']['id'] = 'type';
   $handler->display->display_options['filters']['type']['table'] = 'node';
   $handler->display->display_options['filters']['type']['field'] = 'type';
   $handler->display->display_options['filters']['type']['value'] = array(
     'breve' => 'breve',
   );
-  /* Filter criterion: Workflow: Current state */
+  /* Critère de filtrage: Processus : État actuel */
   $handler->display->display_options['filters']['sid']['id'] = 'sid';
   $handler->display->display_options['filters']['sid']['table'] = 'workflow_node';
   $handler->display->display_options['filters']['sid']['field'] = 'sid';
@@ -76,6 +76,16 @@ function materio_home_v2_views_default_views() {
   $handler = $view->new_display('panel_pane', 'News', 'panel_pane_1');
   $handler->display->display_options['pane_category']['name'] = 'home v2';
   $handler->display->display_options['pane_category']['weight'] = '0';
+  $handler->display->display_options['allow']['use_pager'] = 0;
+  $handler->display->display_options['allow']['items_per_page'] = 0;
+  $handler->display->display_options['allow']['offset'] = 0;
+  $handler->display->display_options['allow']['link_to_view'] = 'link_to_view';
+  $handler->display->display_options['allow']['more_link'] = 0;
+  $handler->display->display_options['allow']['path_override'] = 'path_override';
+  $handler->display->display_options['allow']['title_override'] = 0;
+  $handler->display->display_options['allow']['exposed_form'] = 0;
+  $handler->display->display_options['allow']['fields_override'] = 0;
+  $handler->display->display_options['link_to_view'] = '0';
 
   /* Display: daily */
   $handler = $view->new_display('panel_pane', 'daily', 'panel_pane_2');
@@ -94,28 +104,28 @@ function materio_home_v2_views_default_views() {
   $handler->display->display_options['defaults']['row_options'] = FALSE;
   $handler->display->display_options['defaults']['filter_groups'] = FALSE;
   $handler->display->display_options['defaults']['filters'] = FALSE;
-  /* Filter criterion: Content: Published */
+  /* Critère de filtrage: Contenu : Publié */
   $handler->display->display_options['filters']['status']['id'] = 'status';
   $handler->display->display_options['filters']['status']['table'] = 'node';
   $handler->display->display_options['filters']['status']['field'] = 'status';
   $handler->display->display_options['filters']['status']['value'] = 1;
   $handler->display->display_options['filters']['status']['group'] = 1;
   $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
-  /* Filter criterion: Content: Type */
+  /* Critère de filtrage: Contenu : Type */
   $handler->display->display_options['filters']['type']['id'] = 'type';
   $handler->display->display_options['filters']['type']['table'] = 'node';
   $handler->display->display_options['filters']['type']['field'] = 'type';
   $handler->display->display_options['filters']['type']['value'] = array(
     'simplenews' => 'simplenews',
   );
-  /* Filter criterion: Workflow: Current state */
+  /* Critère de filtrage: Processus : État actuel */
   $handler->display->display_options['filters']['sid']['id'] = 'sid';
   $handler->display->display_options['filters']['sid']['table'] = 'workflow_node';
   $handler->display->display_options['filters']['sid']['field'] = 'sid';
   $handler->display->display_options['filters']['sid']['value'] = array(
     3 => '3',
   );
-  /* Filter criterion: Content: Newsletter category (field_simplenews_term) */
+  /* Critère de filtrage: Contenu : Newsletter category (field_simplenews_term) */
   $handler->display->display_options['filters']['field_simplenews_term_tid']['id'] = 'field_simplenews_term_tid';
   $handler->display->display_options['filters']['field_simplenews_term_tid']['table'] = 'field_data_field_simplenews_term';
   $handler->display->display_options['filters']['field_simplenews_term_tid']['field'] = 'field_simplenews_term_tid';
@@ -124,7 +134,73 @@ function materio_home_v2_views_default_views() {
   );
   $handler->display->display_options['filters']['field_simplenews_term_tid']['type'] = 'select';
   $handler->display->display_options['filters']['field_simplenews_term_tid']['vocabulary'] = 'newsletter';
-  /* Filter criterion: Simplenews issue: Sent status */
+  /* Critère de filtrage: Parution de lettre d'information : État des envois */
+  $handler->display->display_options['filters']['status_1']['id'] = 'status_1';
+  $handler->display->display_options['filters']['status_1']['table'] = 'simplenews_newsletter';
+  $handler->display->display_options['filters']['status_1']['field'] = 'status';
+  $handler->display->display_options['filters']['status_1']['value'] = array(
+    2 => '2',
+  );
+  $handler->display->display_options['pane_category']['name'] = 'home v2';
+  $handler->display->display_options['pane_category']['weight'] = '0';
+  $handler->display->display_options['allow']['use_pager'] = 0;
+  $handler->display->display_options['allow']['items_per_page'] = 0;
+  $handler->display->display_options['allow']['offset'] = 0;
+  $handler->display->display_options['allow']['link_to_view'] = 'link_to_view';
+  $handler->display->display_options['allow']['more_link'] = 0;
+  $handler->display->display_options['allow']['path_override'] = 'path_override';
+  $handler->display->display_options['allow']['title_override'] = 'title_override';
+  $handler->display->display_options['allow']['exposed_form'] = 0;
+  $handler->display->display_options['allow']['fields_override'] = 0;
+
+  /* Display: newsletter */
+  $handler = $view->new_display('panel_pane', 'newsletter', 'panel_pane_3');
+  $handler->display->display_options['defaults']['title'] = FALSE;
+  $handler->display->display_options['title'] = 'Niouse';
+  $handler->display->display_options['defaults']['pager'] = FALSE;
+  $handler->display->display_options['pager']['type'] = 'some';
+  $handler->display->display_options['pager']['options']['items_per_page'] = '1';
+  $handler->display->display_options['pager']['options']['offset'] = '0';
+  $handler->display->display_options['defaults']['style_plugin'] = FALSE;
+  $handler->display->display_options['style_plugin'] = 'default';
+  $handler->display->display_options['defaults']['style_options'] = FALSE;
+  $handler->display->display_options['defaults']['row_plugin'] = FALSE;
+  $handler->display->display_options['row_plugin'] = 'entity';
+  $handler->display->display_options['row_options']['view_mode'] = 'teaser';
+  $handler->display->display_options['defaults']['row_options'] = FALSE;
+  $handler->display->display_options['defaults']['filter_groups'] = FALSE;
+  $handler->display->display_options['defaults']['filters'] = FALSE;
+  /* Critère de filtrage: Contenu : Publié */
+  $handler->display->display_options['filters']['status']['id'] = 'status';
+  $handler->display->display_options['filters']['status']['table'] = 'node';
+  $handler->display->display_options['filters']['status']['field'] = 'status';
+  $handler->display->display_options['filters']['status']['value'] = 1;
+  $handler->display->display_options['filters']['status']['group'] = 1;
+  $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
+  /* Critère de filtrage: Contenu : Type */
+  $handler->display->display_options['filters']['type']['id'] = 'type';
+  $handler->display->display_options['filters']['type']['table'] = 'node';
+  $handler->display->display_options['filters']['type']['field'] = 'type';
+  $handler->display->display_options['filters']['type']['value'] = array(
+    'simplenews' => 'simplenews',
+  );
+  /* Critère de filtrage: Processus : État actuel */
+  $handler->display->display_options['filters']['sid']['id'] = 'sid';
+  $handler->display->display_options['filters']['sid']['table'] = 'workflow_node';
+  $handler->display->display_options['filters']['sid']['field'] = 'sid';
+  $handler->display->display_options['filters']['sid']['value'] = array(
+    3 => '3',
+  );
+  /* Critère de filtrage: Contenu : Newsletter category (field_simplenews_term) */
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['id'] = 'field_simplenews_term_tid';
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['table'] = 'field_data_field_simplenews_term';
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['field'] = 'field_simplenews_term_tid';
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['value'] = array(
+    6274 => '6274',
+  );
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['type'] = 'select';
+  $handler->display->display_options['filters']['field_simplenews_term_tid']['vocabulary'] = 'newsletter';
+  /* Critère de filtrage: Parution de lettre d'information : État des envois */
   $handler->display->display_options['filters']['status_1']['id'] = 'status_1';
   $handler->display->display_options['filters']['status_1']['table'] = 'simplenews_newsletter';
   $handler->display->display_options['filters']['status_1']['field'] = 'status';
@@ -151,10 +227,11 @@ function materio_home_v2_views_default_views() {
     t('Trier par'),
     t('Asc'),
     t('Desc'),
-    t('more'),
     t('home v2'),
     t('daily'),
     t('Daily materiO\''),
+    t('newsletter'),
+    t('Niouse'),
   );
   $export['news_home_v2'] = $view;
 
@@ -186,33 +263,33 @@ function materio_home_v2_views_default_views() {
   $handler->display->display_options['style_plugin'] = 'default';
   $handler->display->display_options['row_plugin'] = 'entity';
   $handler->display->display_options['row_options']['view_mode'] = 'homeblock';
-  /* Field: Content: Title */
+  /* Champ: Contenu : Titre */
   $handler->display->display_options['fields']['title']['id'] = 'title';
   $handler->display->display_options['fields']['title']['table'] = 'node';
   $handler->display->display_options['fields']['title']['field'] = 'title';
   $handler->display->display_options['fields']['title']['label'] = '';
   $handler->display->display_options['fields']['title']['alter']['word_boundary'] = FALSE;
   $handler->display->display_options['fields']['title']['alter']['ellipsis'] = FALSE;
-  /* Sort criterion: Content: Post date */
+  /* Critère de tri: Contenu : Date de publication */
   $handler->display->display_options['sorts']['created']['id'] = 'created';
   $handler->display->display_options['sorts']['created']['table'] = 'node';
   $handler->display->display_options['sorts']['created']['field'] = 'created';
   $handler->display->display_options['sorts']['created']['order'] = 'DESC';
-  /* Filter criterion: Content: Published */
+  /* Critère de filtrage: Contenu : Publié */
   $handler->display->display_options['filters']['status']['id'] = 'status';
   $handler->display->display_options['filters']['status']['table'] = 'node';
   $handler->display->display_options['filters']['status']['field'] = 'status';
   $handler->display->display_options['filters']['status']['value'] = 1;
   $handler->display->display_options['filters']['status']['group'] = 1;
   $handler->display->display_options['filters']['status']['expose']['operator'] = FALSE;
-  /* Filter criterion: Content: Type */
+  /* Critère de filtrage: Contenu : Type */
   $handler->display->display_options['filters']['type']['id'] = 'type';
   $handler->display->display_options['filters']['type']['table'] = 'node';
   $handler->display->display_options['filters']['type']['field'] = 'type';
   $handler->display->display_options['filters']['type']['value'] = array(
     'publication' => 'publication',
   );
-  /* Filter criterion: Workflow: Current state */
+  /* Critère de filtrage: Processus : État actuel */
   $handler->display->display_options['filters']['sid']['id'] = 'sid';
   $handler->display->display_options['filters']['sid']['table'] = 'workflow_node';
   $handler->display->display_options['filters']['sid']['field'] = 'sid';
@@ -234,7 +311,6 @@ function materio_home_v2_views_default_views() {
     t('Trier par'),
     t('Asc'),
     t('Desc'),
-    t('more'),
     t('Home v2'),
   );
   $export['publication_home_v2'] = $view;

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -4144,7 +4144,7 @@ a {
 
 */
 /* line 205, ../scss/layout.scss */
-body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #main, body.home-v2 #footer {
+body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #center, body.home-v2 #footer {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
@@ -4153,12 +4153,12 @@ body.home-v2 #header > .inner, body.home-v2 #utilities > .inner, body.home-v2 #m
   max-width: 80rem;
 }
 /* line 172, ../bower_components/foundation/scss/foundation/components/_global.scss */
-body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #main:before, body.home-v2 #main:after, body.home-v2 #footer:before, body.home-v2 #footer:after {
+body.home-v2 #header > .inner:before, body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:before, body.home-v2 #utilities > .inner:after, body.home-v2 #center:before, body.home-v2 #center:after, body.home-v2 #footer:before, body.home-v2 #footer:after {
   content: " ";
   display: table;
 }
 /* line 173, ../bower_components/foundation/scss/foundation/components/_global.scss */
-body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #main:after, body.home-v2 #footer:after {
+body.home-v2 #header > .inner:after, body.home-v2 #utilities > .inner:after, body.home-v2 #center:after, body.home-v2 #footer:after {
   clear: both;
 }
 
@@ -10738,80 +10738,82 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane {
   overflow: hidden;
 }
-/* line 2801, ../scss/styles.scss */
+/* line 2800, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-node {
   border-radius: 5px;
   background-clip: padding-box;
   overflow: hidden;
 }
-/* line 2804, ../scss/styles.scss */
+/* line 2803, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-node .pane-content, #home-v2 > .panel-panel > div > .panel-pane.pane-node .node {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-/* line 2808, ../scss/styles.scss */
+/* line 2807, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-node .links a {
   background-color: rgba(255, 255, 255, 0.7);
   border-radius: 5px;
   background-clip: padding-box;
   padding: 15px;
 }
-/* line 2814, ../scss/styles.scss */
+/* line 2813, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video {
   height: auto;
   background-color: #f7f8f2;
-  margin-top: 0;
+  margin-top: 2em;
+  margin-bottom: 2em;
   padding-top: 0;
 }
-/* line 2819, ../scss/styles.scss */
+/* line 2818, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
   margin: 0 auto;
 }
 @media only screen and (max-width: 40em) {
-  /* line 2819, ../scss/styles.scss */
+  /* line 2818, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
     width: 320px;
     height: 180px;
   }
 }
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
-  /* line 2819, ../scss/styles.scss */
+  /* line 2818, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
     width: 640px;
     height: 360px;
   }
 }
 @media only screen and (min-width: 64.063em) and (max-width: 90em) {
-  /* line 2819, ../scss/styles.scss */
+  /* line 2818, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
     width: 800px;
     height: 450px;
   }
 }
 @media only screen and (min-width: 90.063em) {
-  /* line 2819, ../scss/styles.scss */
+  /* line 2818, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video {
     width: 1024px;
     height: 576px;
   }
 }
-/* line 2833, ../scss/styles.scss */
+/* line 2832, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video .player, #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-field-emvideo .embedded-video iframe {
   width: 100%;
   height: 100%;
 }
-/* line 2839, ../scss/styles.scss */
+/* line 2838, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-title-field {
   display: none;
 }
-/* line 2843, ../scss/styles.scss */
+/* line 2842, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body {
+  display: none;
   margin-top: 1em;
   text-align: center;
 }
-/* line 2847, ../scss/styles.scss */
+/* line 2846, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
   text-align: left;
   display: moz-inline-stack;
@@ -10823,16 +10825,22 @@ body.home-v2 #center {
   margin-left: 2%;
   font-size: 0.756em;
 }
-/* line 2856, ../scss/styles.scss */
+@media only screen and (max-width: 40em) {
+  /* line 2846, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.intro-video .field-name-body p {
+    width: 48%;
+  }
+}
+/* line 2859, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
   margin: 2em 0;
 }
-/* line 2858, ../scss/styles.scss */
+/* line 2861, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 ul.menu {
   margin: 0px;
   text-align: center;
 }
-/* line 2861, ../scss/styles.scss */
+/* line 2864, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li {
   margin: 0 1em 0 0;
   padding: 0px;
@@ -10844,7 +10852,7 @@ body.home-v2 #center {
   zoom: 1;
   *display: inline;
 }
-/* line 2864, ../scss/styles.scss */
+/* line 2867, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a {
   background-color: #4d4d4d;
   border-radius: 5px;
@@ -10856,42 +10864,48 @@ body.home-v2 #center {
   -webkit-transition: opacity,background-color 0.2s ease-out;
           transition: opacity,background-color 0.2s ease-out;
 }
-/* line 2876, ../scss/styles.scss */
+/* line 2879, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(1):hover a {
   background-color: #ff7400;
   color: #4d4d4d;
 }
-/* line 2880, ../scss/styles.scss */
+/* line 2883, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(2):hover a {
   background-color: #79e644;
   color: #4d4d4d;
 }
-/* line 2884, ../scss/styles.scss */
+/* line 2887, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(3):hover a {
   background-color: #69cdcf;
   color: #4d4d4d;
 }
-/* line 2888, ../scss/styles.scss */
+/* line 2891, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(4):hover a {
   background-color: #e6de1c;
   color: #4d4d4d;
 }
-/* line 2892, ../scss/styles.scss */
+/* line 2895, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(5):hover a {
   background-color: #d476ae;
   color: #4d4d4d;
 }
-/* line 2896, ../scss/styles.scss */
+/* line 2899, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(6):hover a {
   background-color: #772e88;
   color: #4d4d4d;
 }
-/* line 2900, ../scss/styles.scss */
+/* line 2903, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(7):hover a {
   background-color: #e62326;
   color: #4d4d4d;
 }
-/* line 2904, ../scss/styles.scss */
+@media only screen and (max-width: 40em) {
+  /* line 2859, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 {
+    display: none;
+  }
+}
+/* line 2911, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -10899,58 +10913,86 @@ body.home-v2 #center {
   height: 450px;
   margin-top: 15px;
   background-color: #fff;
-  background-size: cover;
   position: relative;
 }
 /* line 2788, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 2912, ../scss/styles.scss */
+/* line 2919, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
   width: 100%;
   height: 100%;
   position: relative;
 }
-/* line 2914, ../scss/styles.scss */
+/* line 2921, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .node {
   position: absolute;
   height: 100%;
   width: 100%;
 }
-/* line 2915, ../scss/styles.scss */
+/* line 2922, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-/* line 2917, ../scss/styles.scss */
+/* line 2924, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
   width: 100%;
   margin-top: -10%;
 }
-/* line 2919, ../scss/styles.scss */
+/* line 2926, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content {
   position: relative;
   z-index: 2;
   width: 30%;
   margin: 3em 2em;
-  background-color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.8);
   padding: 1em;
   border-radius: 5px;
   background-clip: padding-box;
 }
-/* line 2927, ../scss/styles.scss */
+/* line 2934, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 2930, ../scss/styles.scss */
+/* line 2937, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body {
-  margin-top: 1em;
+  margin-top: 0.5em;
+}
+@media only screen and (max-width: 40em) {
+  /* line 2911, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.showroom {
+    height: 210px;
+    margin-top: 10px;
+  }
+  /* line 2946, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+  }
+  /* line 2948, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .field-name-field-bandeau img {
+    margin-top: 0;
+  }
+  /* line 2950, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content {
+    width: auto;
+    padding: 2%;
+    margin: 2%;
+  }
+  /* line 2954, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content .group-content .field-name-body {
+    font-size: 0.756em;
+    margin-top: 0.5em;
+  }
 }
-/* line 2938, ../scss/styles.scss */
+/* line 2963, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
   content: url("../img/bulle.png");
   -webkit-transform: scale(0.8);
@@ -10961,7 +11003,7 @@ body.home-v2 #center {
   right: -80px;
   z-index: 10;
 }
-/* line 2947, ../scss/styles.scss */
+/* line 2972, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -10975,11 +11017,11 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 2953, ../scss/styles.scss */
+/* line 2978, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
   background-color: #e6e6e6;
 }
-/* line 2955, ../scss/styles.scss */
+/* line 2980, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau {
   display: moz-inline-stack;
   display: inline-block;
@@ -10990,11 +11032,11 @@ body.home-v2 #center {
   height: 100%;
   overflow: hidden;
 }
-/* line 2957, ../scss/styles.scss */
+/* line 2982, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .field-name-field-bandeau img {
   max-width: 2000px;
 }
-/* line 2960, ../scss/styles.scss */
+/* line 2985, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content {
   display: moz-inline-stack;
   display: inline-block;
@@ -11007,16 +11049,16 @@ body.home-v2 #center {
   border-radius: 5px;
   background-clip: padding-box;
 }
-/* line 2965, ../scss/styles.scss */
+/* line 2990, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 2968, ../scss/styles.scss */
+/* line 2993, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd .group-content .field-name-body {
   margin-top: 1em;
 }
-/* line 2973, ../scss/styles.scss */
+/* line 2998, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
   content: url("../img/boule.png");
   -webkit-transform: scale(0.8);
@@ -11026,7 +11068,7 @@ body.home-v2 #center {
   bottom: -50px;
   left: -50px;
 }
-/* line 2982, ../scss/styles.scss */
+/* line 3007, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -11041,16 +11083,16 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.formations:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 2989, ../scss/styles.scss */
+/* line 3014, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations a {
   color: #FFF;
 }
-/* line 2991, ../scss/styles.scss */
+/* line 3016, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .node {
   padding: 0 0 0 30%;
   width: 70%;
 }
-/* line 2994, ../scss/styles.scss */
+/* line 3019, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .node:before {
   content: " ";
   background: transparent url("../img/formations.png") no-repeat center center;
@@ -11062,21 +11104,21 @@ body.home-v2 #center {
   width: 30%;
   height: 100%;
 }
-/* line 3007, ../scss/styles.scss */
+/* line 3032, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content {
   padding: 1em;
   position: relative;
 }
-/* line 3009, ../scss/styles.scss */
+/* line 3034, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3012, ../scss/styles.scss */
+/* line 3037, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content .field-name-body {
   margin-top: 1em;
 }
-/* line 3017, ../scss/styles.scss */
+/* line 3042, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -11089,12 +11131,12 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.services:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3023, ../scss/styles.scss */
+/* line 3048, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node {
   padding: 0 30% 0 0;
   width: 70%;
 }
-/* line 3026, ../scss/styles.scss */
+/* line 3051, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node:before {
   content: " ";
   background: transparent url("../img/services.png") no-repeat center center;
@@ -11106,21 +11148,21 @@ body.home-v2 #center {
   width: 30%;
   height: 100%;
 }
-/* line 3039, ../scss/styles.scss */
+/* line 3064, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content {
   padding: 1em;
   position: relative;
 }
-/* line 3041, ../scss/styles.scss */
+/* line 3066, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3044, ../scss/styles.scss */
+/* line 3069, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content .field-name-body {
   margin-top: 1em;
 }
-/* line 3050, ../scss/styles.scss */
+/* line 3075, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -11136,11 +11178,11 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3057, ../scss/styles.scss */
+/* line 3082, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
   color: #fff;
 }
-/* line 3061, ../scss/styles.scss */
+/* line 3086, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
   display: moz-inline-stack;
   display: inline-block;
@@ -11149,24 +11191,25 @@ body.home-v2 #center {
   *display: inline;
   width: 30%;
 }
-/* line 3064, ../scss/styles.scss */
+/* line 3089, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
   display: none;
 }
-/* line 3070, ../scss/styles.scss */
+/* line 3095, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 {
   background-color: #e6e6e6;
   border-radius: 10px;
   background-clip: padding-box;
   margin-top: 30px;
   padding-top: 1em;
+  padding-bottom: 1em;
   position: relative;
 }
-/* line 3077, ../scss/styles.scss */
+/* line 3102, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
   font-size: 30px;
 }
-/* line 3079, ../scss/styles.scss */
+/* line 3104, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
   width: 100%;
   margin-left: auto;
@@ -11184,29 +11227,27 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
   clear: both;
 }
-/* line 3081, ../scss/styles.scss */
+/* line 3106, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
   overflow: hidden;
-}
-/* line 3083, ../scss/styles.scss */
-#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
-  margin: 0;
-}
-/* line 3085, ../scss/styles.scss */
-#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-first {
-  padding-left: 0.9375rem;
-  padding-right: 0.9375rem;
-  width: 58.33333%;
-  float: left;
-}
-/* line 3086, ../scss/styles.scss */
-#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-col-last {
   padding-left: 0.9375rem;
   padding-right: 0.9375rem;
   width: 33.33333%;
   float: left;
+  width: 30.5%;
+  padding-left: 1em;
+}
+/* line 3111, ../scss/styles.scss */
+#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
+  margin: 0;
 }
-/* line 3088, ../scss/styles.scss */
+/* line 3112, ../scss/styles.scss */
+#home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
+  max-width: 95%;
+  margin: 0;
+  height: 610px;
+}
+/* line 3115, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
   width: 100%;
   margin-left: auto;
@@ -11226,14 +11267,14 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
   clear: both;
 }
-/* line 3090, ../scss/styles.scss */
+/* line 3117, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
   padding-left: 0.9375rem;
   padding-right: 0.9375rem;
   width: 100%;
   float: left;
 }
-/* line 3096, ../scss/styles.scss */
+/* line 3123, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .view-news-home-v2 .views-row {
   display: moz-inline-stack;
   display: inline-block;
@@ -11241,7 +11282,7 @@ body.home-v2 #center {
   zoom: 1;
   *display: inline;
 }
-/* line 3098, ../scss/styles.scss */
+/* line 3125, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
   border-radius: 5px;
   background-clip: padding-box;
@@ -11253,7 +11294,7 @@ body.home-v2 #center {
   position: relative;
   margin: 7px;
 }
-/* line 3105, ../scss/styles.scss */
+/* line 3132, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
   position: absolute;
   bottom: 0;
@@ -11261,19 +11302,12 @@ body.home-v2 #center {
   background-color: #FFF;
   text-align: center;
 }
-/* line 3110, ../scss/styles.scss */
+/* line 3137, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
   padding: 10px;
   margin: 0;
   font-size: 1em;
 }
-/* line 3119, ../scss/styles.scss */
-#home-v2 > .panel-panel > div > .pane-news-home-v2:after {
-  content: url("../img/point.png");
-  position: absolute;
-  bottom: 50px;
-  right: 0px;
-}
 
 /*
     __  ___

sites/all/themes/gui/materiobasetheme/js/script.js

@@ -293,116 +293,118 @@
     function initHomeV2(){
       console.log('initHomeV2');
 
-      // Click Menu and scroll to part of the page
-      $('.pane-menu-menu-home-v2 .menu li a').each(function(){
-        // var href = $(this).attr("href");
-        // var part = link.replace("/fr/", "");
-        // $(this).attr('href', '#' +part);
-        // $(this).click(function(e){
-        //   e.preventDefault();
-        //   var scrollTo = $('.' + part).offset().top -200;
-        //   $("body").animate({scrollTop: scrollTo}, 2000 );
-        //   return false;
-        // })
-        var reg = /\b([^-]+)-link/g;
-        var match  = reg.exec($(this).attr('class'));
-        console.log('match', match);
-        $(this).attr('href', '#' +match[1]+ '-pane');
-
-        $('#'+match[1]+'-pane').attr('data-menu-offset','-80');
-      });
-
-
-
-      // SKROLLR effects
-      // showroom TXT
-      $('.panel-pane.showroom .group-content', '#home-v2')
-        .attr('data-400-center-top', 'transform:translateX(-35em);opacity:0;')
-        .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;')
-        .attr('data-top-bottom', 'transform[quadratic]:translateX(10em);');
-      // showroom Image BGD
-      $('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2')
-        .attr('data-400-bottom-top', 'transform:translateY(-20em);')
-        .attr('data-100-top-bottom', 'transform:translateY(5em);');
-      // database TXT
-      $('.panel-pane.bdd .group-content', '#home-v2')
-        .attr('data-400-center-top', 'transform:translateX(40em);opacity:0;')
-        .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;');
-      // database IMG
-      $('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2')
-        .attr('data-400-bottom-top', 'transform:translateX(0em);')
-        .attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);');
-      //NEWS node news
-      $('.panel-pane.news .views-row', '#home-v2').each(function(i, e){
-        $(this)
-          .attr('data-anchor-target', "#news-pane")
-          .attr('data--'+i*100+'-bottom-top', 'opacity:0;')
-          .attr('data-'+i*50+'-center-center', 'opacity:1;');
-      });
-      // NEWS daily
-      $('.panel-pane.news-panel .panel-col-last', '#home-v2')
-        .attr('data-400-bottom-top', 'transform:translateX(40em);')
-        .attr('data-center-top', 'transform[quadratic]:translateX(0em);');
-      // Formations
-      $('.panel-pane.formations .group-content', '#home-v2')
-        .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
-        .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
-      // Formations
-      $('.panel-pane.services .group-content', '#home-v2')
-        .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
-        .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
-      //Publication node news
-      $('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){
-        $(this)
-          // .attr('data-anchor-target', "#news-pane")
-          .attr('data--'+i*100+'-bottom-top', 'opacity:0;')
-          .attr('data-'+i*50+'-center-center', 'opacity:1;');
-      });
+      if(!_max_480()){
+
+        /*
+        // Click Menu and scroll to part of the page
+        $('.pane-menu-menu-home-v2 .menu li a').each(function(){
+          // var href = $(this).attr("href");
+          // var part = link.replace("/fr/", "");
+          // $(this).attr('href', '#' +part);
+          // $(this).click(function(e){
+          //   e.preventDefault();
+          //   var scrollTo = $('.' + part).offset().top -200;
+          //   $("body").animate({scrollTop: scrollTo}, 2000 );
+          //   return false;
+          // })
+          var reg = /\b([^-]+)-link/g;
+          var match  = reg.exec($(this).attr('class'));
+          console.log('match', match);
+          $(this).attr('href', '#' +match[1]+ '-pane');
+
+          $('#'+match[1]+'-pane').attr('data-menu-offset','-80');
+        });
+        */
+
+
+        // SKROLLR effects
+        // showroom TXT
+        $('.panel-pane.showroom .group-content', '#home-v2')
+          .attr('data-400-center-top', 'transform:translateX(-43em);opacity:0;')
+          .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;')
+          .attr('data-top-bottom', 'transform[quadratic]:translateX(10em);');
+        // showroom Image BGD
+        $('.panel-pane.showroom .field-name-field-bandeau img', '#home-v2')
+          .attr('data-400-bottom-top', 'transform:translateY(-20em);')
+          .attr('data-100-top-bottom', 'transform:translateY(5em);');
+        // database TXT
+        $('.panel-pane.bdd .group-content', '#home-v2')
+          .attr('data-400-center-top', 'transform:translateX(40em);opacity:0;')
+          .attr('data-100-center-center', 'transform[quadratic]:translateX(0em);opacity[quadratic]:1;');
+        // database IMG
+        $('.panel-pane.bdd .field-name-field-bandeau img', '#home-v2')
+          .attr('data-400-bottom-top', 'transform:translateX(0em);')
+          .attr('data-100-top-bottom', 'transform[quadratic]:translateX(-40em);');
+        // news
+        $('.panel-pane.news-panel .center-wrapper .panel-panel', '#home-v2').each(function(i, e){
+          $(this)
+            // .attr('data-anchor-target', "#news-pane")
+            .attr('data--'+(i+1)*150+'-bottom-top', 'transform:translateY(20em);opacity:0;')
+            .attr('data-100-center-center', 'transform[quadratic]:translateY(0em);opacity:1;');
+        });
 
+        // Formations
+        $('.panel-pane.formations .group-content', '#home-v2')
+          .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
+          .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
+        // Formations
+        $('.panel-pane.services .group-content', '#home-v2')
+          .attr('data-50-bottom-top', 'transform:translateX(20em);opacity:0;')
+          .attr('data-center-top', 'transform[quadratic]:translateX(0em);opacity:1;');
+        //Publication node news
+        $('.panel-pane.publication .views-row', '#home-v2').each(function(i, e){
+          $(this)
+            // .attr('data-anchor-target', "#news-pane")
+            .attr('data--'+i*100+'-bottom-top', 'opacity:0;')
+            .attr('data-'+i*50+'-center-center', 'opacity:1;');
+        });
 
-      _skrollr = skrollr.init();
-
-      //The options (second parameter) are all optional. The values shown are the default values.
-      skrollr.menu.init(_skrollr, {
-        //skrollr will smoothly animate to the new position using `animateTo`.
-        animate: true,
-
-        //The easing function to use.
-        easing: 'outCubic',
-
-        //Multiply your data-[offset] values so they match those set in skrollr.init
-        scale: 2,
-
-        //How long the animation should take in ms.
-        duration: function(currentTop, targetTop) {
-          //By default, the duration is hardcoded at 500ms.
-          // return 500;
-          //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
-          return Math.abs(currentTop - targetTop)*0.8;
-        },
-
-        //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`.
-        //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number.
-        // handleLink: function(link) {
-        //   return 400;//Hardcoding 400 doesn't make much sense.
-        // },
-
-        //By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`.
-        //If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part.
-        //The following will all work (if the user is on the correct page):
-        //http://example.com/currentPage/#foo
-        //http://example.com/currentDir/currentPage.html?foo=bar#foo
-        ///?foo=bar#foo
-        complexLinks: false,
-
-        //This event is triggered right before we jump/animate to a new hash.
-        // change: function(newHash, newTopPosition) {
-        // //Do stuff
-        // },
-
-        //Add hash link (e.g. `#foo`) to URL or not.
-        updateUrl: false //defaults to `true`.
-      });
+        _skrollr = skrollr.init();
+
+        /*
+        //The options (second parameter) are all optional. The values shown are the default values.
+        skrollr.menu.init(_skrollr, {
+          //skrollr will smoothly animate to the new position using `animateTo`.
+          animate: true,
+
+          //The easing function to use.
+          easing: 'outCubic',
+
+          //Multiply your data-[offset] values so they match those set in skrollr.init
+          scale: 2,
+
+          //How long the animation should take in ms.
+          duration: function(currentTop, targetTop) {
+            //By default, the duration is hardcoded at 500ms.
+            // return 500;
+            //But you could calculate a value based on the current scroll position (`currentTop`) and the target scroll position (`targetTop`).
+            return Math.abs(currentTop - targetTop)*0.8;
+          },
+
+          //If you pass a handleLink function you'll disable `data-menu-top` and `data-menu-offset`.
+          //You are in control where skrollr will scroll to. You get the clicked link as a parameter and are expected to return a number.
+          // handleLink: function(link) {
+          //   return 400;//Hardcoding 400 doesn't make much sense.
+          // },
+
+          //By default skrollr-menu will only react to links whose href attribute contains a hash and nothing more, e.g. `href="#foo"`.
+          //If you enable `complexLinks`, skrollr-menu also reacts to absolute and relative URLs which have a hash part.
+          //The following will all work (if the user is on the correct page):
+          //http://example.com/currentPage/#foo
+          //http://example.com/currentDir/currentPage.html?foo=bar#foo
+          ///?foo=bar#foo
+          complexLinks: false,
+
+          //This event is triggered right before we jump/animate to a new hash.
+          // change: function(newHash, newTopPosition) {
+          // //Do stuff
+          // },
+
+          //Add hash link (e.g. `#foo`) to URL or not.
+          updateUrl: false //defaults to `true`.
+        });
+        */
+      }
     };
 
     /**

sites/all/themes/gui/materiobasetheme/scss/layout.scss

@@ -133,7 +133,7 @@ $rootminwidth : 320px;
 }
 
 /** NIVEAU 2 */
-@mixin padded(){ $p:2%; width:100%-2*$p; padding-left:$p; padding-right:$p; }
+@mixin padded(){ $p:2%; width:96%; padding-left:$p; padding-right:$p; }
 // @mixin padded(){width:100%;}
 
 $header-z-index:1000;
@@ -202,7 +202,7 @@ $header-z-index:1000;
 
 */
 body.home-v2{
-  #header>.inner, #utilities>.inner, #main, #footer{
+  #header>.inner, #utilities>.inner, #center, #footer{
     @include grid-row();
   }
   // #header,#utilities{

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -2797,7 +2797,6 @@ body.home-v2{
   >.panel-panel>div>.panel-pane {
     // padding: 10px 15px;
     overflow:hidden;
-
     &.pane-node{
       @include rounded(5px);
       overflow:hidden;
@@ -2814,7 +2813,7 @@ body.home-v2{
     &.intro-video{
       height:auto;
       background-color: #f7f8f2;
-      margin-top:0; padding-top:0;
+      margin-top:2em;margin-bottom:2em; padding-top:0;
       .field-name-field-emvideo{
         .embedded-video{
           margin:0 auto;
@@ -2841,7 +2840,7 @@ body.home-v2{
       }
 
       .field-name-body{
-        // @include grid-row();
+        display:none;
         margin-top:1em;
         text-align: center;
         p{
@@ -2850,6 +2849,10 @@ body.home-v2{
           @include inlineblock();
           width:35%; margin-left:2%;
           font-size:0.756em;
+
+          @media #{$small-only}{
+            width:48%;
+          }
         }
       }
     }
@@ -2900,6 +2903,10 @@ body.home-v2{
          &:hover a{background-color: $rouge; color:#4d4d4d;}
        }
       }
+
+      @media #{$small-only}{
+        display:none;
+      }
     }
     &.showroom{
       @include shaddowed();
@@ -2907,7 +2914,7 @@ body.home-v2{
       margin-top: 15px;
       background-color: #fff;
       // background: url("http://carnet-aux-petites-choses.fr/wp-content/uploads/2015/02/un-oeil-sur-la-matiere-materiO-26_gagaone.jpg");
-      background-size: cover;
+      // background-size: cover;
       position: relative;
       .pane-content{
         width:100%; height:100%; position:relative;
@@ -2921,17 +2928,35 @@ body.home-v2{
           z-index:2;
           width:30%;
           margin:3em 2em;
-          background-color: rgba(255,255,255, 0.7);
+          background-color: rgba(255,255,255, 0.8);
           padding:1em;
           @include rounded(5px);
           .field-name-title-field{
             font-size: 2.1em; font-weight: 300;
           }
           .field-name-body{
-            margin-top: 1em;
+            margin-top: 0.5em;
+          }
+        }
+      }
+      @media #{$small-only}{
+        height:210px;
+        margin-top: 10px;
+        .pane-content{
+          .field-name-field-bandeau{
+            position:absolute; width:100%; height:100%; overflow:hidden;
+            img{margin-top:0;}
+          }
+          .group-content{
+            width:auto;
+            padding:2%;
+            margin:2%;
+            .field-name-body{
+              font-size:0.756em;
+              margin-top:0.5em;
+            }
           }
         }
-
       }
 
 
@@ -3069,7 +3094,7 @@ body.home-v2{
   //mini panneau news
   >.panel-panel>div>.pane-news-home-v2{
     background-color: #e6e6e6; @include rounded(10px);
-    margin-top: 30px; padding-top: 1em;
+    margin-top: 30px; padding-top: 1em; padding-bottom: 1em;
     // padding:0;
     position: relative;
     // .panel-col-first{width:70%;}
@@ -3080,10 +3105,12 @@ body.home-v2{
       @include grid-row();
       .panel-panel{
         overflow:hidden;
+        @include grid-column(4);
+        width:30.5%;
+        padding-left:1em;
         .inside{margin:0;}
+        article.node,  article.node-breve.vm-cardbig{max-width: 95%; margin:0; height:610px;}
       }
-      .panel-col-first{@include grid-column(7);}
-      .panel-col-last{@include grid-column(4);}
     }
     #mini-panel-news_home_v2 .panel-col-bottom{
       @include grid-row(); margin-top: 1.5em; margin-bottom: 1.5em;
@@ -3116,13 +3143,13 @@ body.home-v2{
     }
 
     //deco
-    &:after{
-      content:url("../img/point.png");
-      //transform: scale(1);
-      position: absolute;
-      bottom:50px;
-      right: 0px;
-    }
+    // &:after{
+    //   content:url("../img/point.png");
+    //   //transform: scale(1);
+    //   position: absolute;
+    //   bottom:50px;
+    //   right: 0px;
+    // }
   }