diff --git a/riot/modaleEcole.riot b/riot/modaleEcole.riot
index 5091939..d85765d 100644
--- a/riot/modaleEcole.riot
+++ b/riot/modaleEcole.riot
@@ -3,8 +3,11 @@
     <div class="columns is-mobile">
         <div class="column is-two-thirds content mb-0">
             <p class="has-text-weight-bold">
-                Lycée professionnel Marie Curie - Mention complémentaire - Accueil réception
-                <span class="tag is-danger">formation sélective</span>
+                <a href={props.ecole.lien_form_psup}> {props.ecole.lib_comp_voe_ins} </a><br/>
+                <span class="tag is-danger" if={getSelectivite(props.ecole)<=25}>formation très sélective</span>
+								<span class="tag is-warning" if={getSelectivite(props.ecole)>25 && getSelectivite(props.ecole)<=50}>formation sélective</span>
+								<span class="tag is-success" if={getSelectivite(props.ecole)>50 && getSelectivite(props.ecole)<=75}>formation peu sélective</span>
+								<span class="tag is-info" if={getSelectivite(props.ecole)>=75}>formation très peu sélective</span>
             </p>
             <div>
                 <modal-text title="Ville" text="Saint-Jean-du-Gard">
@@ -31,29 +34,23 @@
                     <p class="my-2">Capacité : {props.ecole.capa_fin}</p>
                 </modal-text>
             </div>
-            <!----
-    PARTIE A COMPLETER AVEC LES DONN2ES
-
-*
-            -->
             <div>
                 <modal-text title="Nombres de voeux" text="51">
-                    <p class="my-2">Nombres de voeux : </p>
+                    <p class="my-2">Nombres de voeux : {props.ecole.voe_tot + props.ecole.voe_tot_f} </p>
                 </modal-text>
             </div>
             <div>
                 <modal-text title="Admis hors académie" text="25%">
-                    <p class="my-2">Admis hors académie : 25%</p>
+                    <p class="my-2">Admis hors académie : {100 - props.ecole.pct_aca_orig}%</p>
                 </modal-text>
             </div>
             <modal-text title="Rang du dernier admis :">
                 <p class="my-2">Rang du dernier admis :</p>
             </modal-text>
             <ul>
-                <li>Tous sauf les Bac technologiques : 46</li>
-                <li>Bac technologiques toutes séries : </li>
+                <li>Tous sauf les Bac technologiques : {props.ecole.ran_grp1}</li>
+                <li>Bac technologiques toutes séries : {props.ecole.ran_grp2}</li>
             </ul>
-            <p>Lien de la formation sur <a target="_blank" href="https://dossier.parcoursup.fr/Candidats/public/fiches/afficherFicheFormation?g_ta_cod=19380">parcoursup</a></p>
         </div>
         <div class="column">
             <p class="has-text-weight-bold"> Vitesse de remplissage</p>
@@ -62,28 +59,29 @@
                     <li class="timeline_li">
                         <div>
                             <p class="timeline_date">ouverture 27 mai</p>
-                            <span class="timeline_percentage">60%</span>
+                            <span class="timeline_percentage">{props.ecole.pct_acc_debutpp}%</span>
                         </div>
                     </li>
                     <li class="timeline_li">
                         <div>
                             <p class="timeline_date">17 juin</p>
-                            <span class="timeline_percentage">80%</span>
+                            <span class="timeline_percentage">{props.ecole.pct_acc_datebac}%</span>
                         </div>
                     </li>
                     <li class="timeline_li">
                         <div>
                             <p class="timeline_date">16 juillet</p>
-                            <span class="timeline_percentage">80%</span>
+                            <span class="timeline_percentage">{props.ecole.pct_acc_finpp}%</span>
                         </div>
                     </li>
                 </ul>
             </div>
         </div>
     </div>
+				<statistiqueFormation pct_femme={getRepartitionFemme(props.ecole)} repartitionBac={getRepartitionBac(props.ecole)} repartitionMention={getRepartitionMention(props.ecole)} ></statistiqueFormation>
+
 </div>
 
-<pourcentageForma statistique={getPourcentageForma(props.ecole)} moyenne={getMoyenne(props.ecole)} selectivite={getSelectivite(props.ecole)} capacite={getCapacite(props.ecole)}></pourcentageForma>
 
 
 <script>
@@ -92,28 +90,39 @@
 			onBeforeMount(props, state) {
 				// initial state
 				this.state = {
+
 				}
 			},
 
-            getPourcentageForma(){
+			getRepartitionBac(ecole){
+				let repartition = [];
+				let total = ecole.acc_bg + ecole.acc_bt + ecole.acc_bp + ecole.acc_at
+				repartition.push(Math.round(ecole.acc_bg/total*100))
+				repartition.push(Math.round(ecole.acc_bt/total*100))
+				repartition.push(Math.round(ecole.acc_bp/total*100))
+				repartition.push(Math.round(ecole.acc_at/total*100))
+				return repartition;
+			},
 
-            },
+			getRepartitionMention(ecole){
+				let repartition = [];
+				let total = ecole.acc_sansmention + ecole.acc_ab + ecole.acc_b + ecole.acc_tb + ecole.acc_tbf
+				repartition.push(Math.round(ecole.acc_sansmention/total*100))
+				repartition.push(Math.round(ecole.acc_ab/total*100))
+				repartition.push(Math.round(ecole.acc_b/total*100))
+				repartition.push(Math.round(ecole.acc_tb/total*100))
+				repartition.push(Math.round(ecole.acc_tbf/total*100))
+				return repartition;
+			},
+			
+			getRepartitionFemme(ecole){
+				return Math.round((ecole.acc_tot_f/ecole.acc_tot)*100);
+			},
 
-            getMoyenne(){
-
-            },
-
-            getSelectivite(){
-
-            },
-
-            getCapacite(){
-
-            }
+			getSelectivite(ecole){
+				return ecole.taux_acces_ens
 		}
-
-        
 	}
-
+}
 </script>
 </modaleEcole>
\ No newline at end of file