diff --git a/extra/static/social.css b/extra/static/social.css
index 4d318cc..f68fc6d 100644
--- a/extra/static/social.css
+++ b/extra/static/social.css
@@ -1,8 +1,8 @@
-/* Test suivi PH et PA */
+/* General styles PH & PA */
 .formdef-suivi-dossier-ph .steps-1,
 .formdef-suivi-dossier-pa .steps-1,
-.formdef-suivi-dossier-ph div#rub_service div#receipt-intro,
-.formdef-suivi-dossier-pa div#rub_service div#receipt-intro,
+/*.formdef-suivi-dossier-ph div#rub_service div#receipt-intro,
+.formdef-suivi-dossier-pa div#rub_service div#receipt-intro,*/
 .formdef-suivi-dossier-ph div#rub_service .wait .evolution-metadata,
 .formdef-suivi-dossier-pa div#rub_service .wait .evolution-metadata,
 .formdef-suivi-dossier-ph div#rub_service #evolutions.open::before,
@@ -42,61 +42,38 @@
   left: 0;
   visibility: hidden;
 }
-/* form */
-.formdef-suivi-dossier-ph div#rub_service form,
-.formdef-suivi-dossier-pa div#rub_service form {
-  padding: 0;
+  .formdef-suivi-dossier-ph #columns {
+    display: block !important;
 }
-.formdef-suivi-dossier-ph div#rub_service h3,
-.formdef-suivi-dossier-pa div#rub_service h3 {
-  padding: 20px 0 20px 25px;
+/* History */
+@media screen and (max-width: 999px) {
+  .formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro,
+  .formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro {
+      display: block;
+      position: absolute;
+      bottom: -1000px;
+      box-shadow: 0 0 3px #888;
+      width: 100%
+    }
+    .formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro div,
+    .formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro div{
+        padding: 4px 4px 4px 6px;
+      }
+    .formdef-suivi-dossier-ph ul#evolutions.open,
+    .formdef-suivi-dossier-pa ul#evolutions.open {
+      min-height: 4000px;
+  }
 }
-.formdef-suivi-dossier-ph div.widget,
-.formdef-suivi-dossier-pa div.widget {
-  padding: 0 25px;
-}
-.formdef-suivi-dossier-ph div.submit,
- .formdef-suivi-dossier-pa div.submit{
-  height: 0;
-}
-.formdef-suivi-dossier-ph #var_dpap,
- .formdef-suivi-dossier-pa #var_dpap{
-  margin-bottom: 0;
-  padding: 5px 62px 30px 20px;
-}
-.formdef-suivi-dossier-ph .wrapperSearch,
-.formdef-suivi-dossier-pa .wrapperSearch {
-  background-color: #e3e3e35c;
-  margin: 0;
-  width: 100%;
-}
-.formdef-suivi-dossier-ph h3.wrapperSearch,
-.formdef-suivi-dossier-pa h3.wrapperSearch{
-  width: calc(100% - 25px);
-}
-.formdef-suivi-dossier-ph div#gauche + div#rub_service div.buttons .submit-button button,
-.formdef-suivi-dossier-pa div#gauche + div#rub_service div.buttons .submit-button button {
-  background: #DA0D02;
-  color: white;
-  margin: 0;
-  padding: 0;
-  height: 27px;
-  border-radius: 0 5px 5px 0;
-  position: relative;
-  top: -73px;
-  text-indent: -55px;
-  line-height: 0;
-}
-.formdef-suivi-dossier-ph div#gauche + div#rub_service div.buttons .submit-button button:after,
-.formdef-suivi-dossier-pa div#gauche + div#rub_service div.buttons .submit-button button:after {
-  font-family: FontAwesome;
-  content: "\f002";
-  padding: 0 1em;
-  text-indent: 0;
-  line-height: initial;
-}
-/* historique */
+
 @media screen and (min-width: 1000px) {
+  .formdef-suivi-dossier-ph #columns {
+    display: flex !important;
+  }
+  .formdef-suivi-dossier-ph ul#evolutions.open,
+  .formdef-suivi-dossier-pa ul#evolutions.open {
+    margin-top:0 !important;
+    min-height: 1200px;
+  }
   .formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro,
   .formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro {
       display: block;
@@ -108,6 +85,17 @@
       margin-right: 0;
       box-shadow: 0 0 3px #888;
     }
+    .formdef-suivi-dossier-ph div#rub_service .contform div.contact#receipt-intro,
+    .formdef-suivi-dossier-pa div#rub_service .contform div.contact#receipt-intro {
+    display: block;
+    position: absolute;
+    top: 15px;
+    left: 66%;
+    width: 23%;
+    margin-left: 1rem;
+    margin-right: 0;
+    box-shadow: 0 0 3px #888;
+    }
   .formdef-suivi-dossier-ph div#rub_service div.contact#receipt-intro div,
   .formdef-suivi-dossier-pa div#rub_service div.contact#receipt-intro div {
       padding : 1em;
@@ -154,6 +142,19 @@
     font-style: normal;
     text-align: center;
 }
+.formdef-suivi-dossier-ph div#rub_service .contform div.contact#receipt-intro h3,
+.formdef-suivi-dossier-pa div#rub_service .contform div.contact#receipt-intro h3 {
+    text-transform: uppercase;
+    background: #4b4b4b;
+    color: white;
+    padding: 2rem;
+    margin: 0;
+    font-weight: normal;
+    font-family: Oswald, sans-serif;
+    font-style: normal;
+    text-align: center;
+    font-size: 1.3em;
+}
 .formdef-suivi-dossier-ph div#rub_service .wait,
 .formdef-suivi-dossier-pa div#rub_service .wait {
   margin-bottom: 0;
@@ -162,11 +163,6 @@
 .formdef-suivi-dossier-pa ul#evolutions {
   overflow: visible;
 }
-.formdef-suivi-dossier-ph ul#evolutions.open,
-.formdef-suivi-dossier-pa ul#evolutions.open {
-  margin-top:0 !important;
-  min-height: 1000px;
-}
 .formdef-suivi-dossier-ph ul#evolutions ul.suivi,
 .formdef-suivi-dossier-pa ul#evolutions ul.suivi {
   padding: 0 0 20px 0;
@@ -199,13 +195,12 @@
   border-radius: 20px;
   border: 1px solid #363636;
 }
-.formdef-suivi-dossier-ph ul#evolutions span.enCours,
-.formdef-suivi-dossier-pa ul#evolutions span.enCours {
-  color: #363636;
-  background-color: #fff;
-  margin-top: 3px;
-  color: #fff;
+.formdef-suivi-dossier-ph ul#evolutions ul.suivi li b.etape.last,
+.formdef-suivi-dossier-pa ul#evolutions ul.suivi li b.etape.last {
+  padding-left: 16px;
 }
+.formdef-suivi-dossier-ph ul#evolutions span.enCours,
+.formdef-suivi-dossier-pa ul#evolutions span.enCours,
 .formdef-suivi-dossier-ph ul#evolutions span.fini,
 .formdef-suivi-dossier-pa ul#evolutions span.fini {
   background-color: #fff;
@@ -214,6 +209,12 @@
   margin-top: 4px;
   width: 20px;
   height: 20px;
+  box-shadow: 0 0 0px 10px white;
+}
+.formdef-suivi-dossier-ph ul#evolutions span.enCours,
+.formdef-suivi-dossier-pa ul#evolutions span.enCours {
+  background-color: #e20612;
+  color: #e20612;
 }
 .formdef-suivi-dossier-ph ul#evolutions .etape,
 .formdef-suivi-dossier-pa ul#evolutions .etape {
@@ -221,19 +222,19 @@
 }
 .formdef-suivi-dossier-ph ul#evolutions .currentStep,
 .formdef-suivi-dossier-pa ul#evolutions .currentStep {
-  color: #98e478;
+  color: #5e901b;
 }
 .formdef-suivi-dossier-ph ul#evolutions li.listEtape:last-child::before,
 .formdef-suivi-dossier-pa ul#evolutions li.listEtape:last-child::before {
   position: absolute;
-  top: 25px;
-  left: -8px;
+  bottom: -32px;
+  left: -6px;
   width: 3px;
   height: 100%;
   content: " ";
   background: #fff;
 }
-/* comments */
+/* Comments */
 .formdef-suivi-dossier-ph ul#evolutions div.commentaire,
 .formdef-suivi-dossier-pa ul#evolutions div.commentaire {
   background-color: #e3e3e35c;
@@ -251,7 +252,7 @@
   border-bottom: 8px solid #e3e3e35c;
   padding-top: 5px;
 }
-/* opinions */
+/* Opinions */
 .formdef-suivi-dossier-ph ul#evolutions div.Accord,
 .formdef-suivi-dossier-pa ul#evolutions div.Accord,
 .formdef-suivi-dossier-ph ul#evolutions div.Rejet,
@@ -340,7 +341,7 @@
   content: " ";
   background: #cdcdcd;
 }
-/* info button to display old comments */
+/* Info button to display old comments */
 .formdef-suivi-dossier-ph .infoBt,
 .formdef-suivi-dossier-pa .infoBt {
   visibility: hidden;
@@ -368,14 +369,16 @@
 
 .formdef-suivi-dossier-ph .suivi > li span.stepArrow {
   position: absolute;
-  right: 15px;
+  right: 10px;
+  top: 10px;
+  background-image: url(img/open-pane.png);
+  width: 22px;
+  height: 22px;
+  background-size: 100%;
+  background-repeat: no-repeat;
 }
-.formdef-suivi-dossier-ph .suivi > li span.stepArrow:after {
-  content: "►";
-  float: right;
-}
-.formdef-suivi-dossier-ph .suivi > li input:checked span.stepArrow:after {
-  content: "▼";
+.formdef-suivi-dossier-ph .suivi > li input:checked ~ label span.stepArrow {
+  background-image: url(img/close-pane.png);
 }
 .formdef-suivi-dossier-ph .suivi > li input + label#phase,
 .formdef-suivi-dossier-pa .suivi > li input + label#phase {
@@ -388,7 +391,6 @@
 }
 .formdef-suivi-dossier-ph .suivi > li input ~ div,
 .formdef-suivi-dossier-pa .suivi > li input ~ div {
-  /*display: none;*/
   height: 0%;
   max-height: 0;
   padding: 0;
@@ -402,17 +404,19 @@
 }
 .formdef-suivi-dossier-ph .suivi > li input:checked ~ div,
 .formdef-suivi-dossier-pa .suivi > li input:checked ~ div {
-  /*display: block;*/
   height: 100%;
-  max-height: 1000px;
+  max-height: 1500px;
   opacity: 1;
   -webkit-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
 }
-/* Bouton Grandlyon Connect */
+/* Grandlyon Connect Button */
 .formdef-suivi-dossier-ph div.connect-buttons,
 .formdef-suivi-dossier-pa div.connect-buttons {
- border: solid 2px #e20612;
+  border: solid 1px #e20612;
+  width: 88.5%;
+  left: -1px;
+  position: relative;
 }
 .formdef-suivi-dossier-ph div.connect-buttons h4,
 .formdef-suivi-dossier-pa div.connect-buttons h4 {
@@ -426,7 +430,7 @@
 .formdef-suivi-dossier-ph div.connect-buttons a,
 .formdef-suivi-dossier-pa div.connect-buttons a {
   background: #DA0D02;
-  color: white;
+  color: #fff;
   border-radius: 1px;
   display: block;
   max-width: 165px;
@@ -435,3 +439,48 @@
   text-decoration: none;
   padding-left: 35px;
  }
+ .formdef-suivi-dossier-ph div.connect-buttons a:hover,
+ .formdef-suivi-dossier-pa div.connect-buttons a:hover {
+   background: #000;
+   color: #DA0D02;
+  }
+/* form satisfaction link (right column) */
+.formdef-suivi-dossier-ph div.form-link,
+ .formdef-suivi-dossier-ph div.form-link {
+  border: solid 1px #e20612;
+  border-bottom-color: #cdcdcd;
+}
+.formdef-suivi-dossier-ph div.form-link:hover,
+ .formdef-suivi-dossier-ph div.form-link:hover {
+  background-color: #e20612;
+}
+.formdef-suivi-dossier-ph div.form-link hr,
+.formdef-suivi-dossier-ph div.form-link hr  {
+  left: -17px;
+  color: red;
+  border: solid 1px #e20612;
+  bottom: -12px;
+  position: relative;
+  width: calc(100% + 32px);
+}
+.formdef-suivi-dossier-ph div.form-link h4,
+.formdef-suivi-dossier-ph div.form-link h4 {
+  font-family: Oswald, sans-serif;
+  text-transform: uppercase;
+  text-align: center;
+  font-size: 1.2em;
+  font-weight: 600;
+  margin: 2px 0;
+}
+.formdef-suivi-dossier-ph div.form-link h4 a,
+.formdef-suivi-dossier-ph div.form-link h4 a {
+  color: #000;
+}
+.formdef-suivi-dossier-ph div.form-link:hover h4 a,
+.formdef-suivi-dossier-ph div.form-link:hover h4 a {
+  color: #fff;
+}
+/* PA specific */
+.formdef-suivi-dossier-pa ul#evolutions ul.modalites li {
+   margin:0;
+ }
diff --git a/grandlyon_iodas/models.py b/grandlyon_iodas/models.py
index 85b5f63..e41df93 100644
--- a/grandlyon_iodas/models.py
+++ b/grandlyon_iodas/models.py
@@ -87,7 +87,7 @@ class grandlyonIodas(BaseResource):
     @endpoint(perm='can_access')
     def getProcedures(self, request, nom, pren, datenais, dpap, typepro):
         # Params in the order required by the WSDL from stambia
-        resp = self.get_client().service.ODA_getProcedures(dpap, typepro, pren, nom, datenais)
+        resp = self.get_client().service.ODA_getProcedures(dpap, typepro, datenais, nom, pren)
         data =  sudsobject_to_dict(resp)
         # Counts procedures to get the last procedure
         nbProc = (len(data['procedures']['procedures']['procedure']) - 1) if 'procedures' in data else ''
@@ -108,3 +108,28 @@ class grandlyonIodas(BaseResource):
                 'etapes': sorted(data['procedures']['procedures']['procedure'][nbProc]['etapes']['etape'], key=lambda x: x['id'], reverse=True) if 'procedures' in data else '',
                 'droits': droits,
                 'found': 1 if 'procedures' in data else 0}
+
+    @endpoint(perm='can_access')
+    def getProceduresPA(self, request, nom, pren, datenais, typepro):
+        # Params in the order required by the WSDL from stambia
+        resp = self.get_client().service.ODA_getProceduresPA(typepro, datenais, nom, pren)
+        data =  sudsobject_to_dict(resp)
+        # Counts procedures to get the last procedure
+        #nbProc = (len(data['procedurespa']['procedurespa']['procedurepa']) - 1) if 'procedurespa' in data else ''
+        procedures =  []
+        nb = 0
+        #print >> open('/home/grandlyon/marln/debug.test', 'a+'), "***** *****"
+        for proc in data['procedurespa']['procedurespa']['procedurepa'] :
+            #print >> open('/home/grandlyon/marln/debug.test', 'a+'), foo
+            nb += 1
+            if (nb < len(data['procedurespa']['procedurespa']['procedurepa']) and proc['libl'] != data['procedurespa']['procedurespa']['procedurepa'][nb]['libl']) or nb == len(data['procedurespa']['procedurespa']['procedurepa']) :
+                test = proc['libl']
+                procedures.append(proc)
+        #print >> open('/home/grandlyon/marln/debug.test', 'a+'), self.get_client().service.ODA_getProceduresPA()
+        return {'hash': hashlib.sha224(json.dumps(data)).hexdigest(),
+                #'libl': data['procedurespa']['procedurespa']['procedurepa'][nbProc]['libl'] if 'procedurespa' in data else '',
+                #'procedures': data['procedurespa']['procedurespa']['procedurepa'][nbProc] if 'procedurespa' in data else '',
+                #'procedures': data['procedurespa']['procedurespa']['procedurepa'] if 'procedurespa' in data else '',
+                'procedures': procedures,
+                #'etapes': sorted(data['procedurespa']['procedurespa']['procedurepa'][nbProc]['etapes']['etape'], key=lambda x: x['id'], reverse=True) if 'procedures' in data else '',
+                'found': 1 if 'procedurespa' in data else 0}