templates/Theme/Produit/Produit/Produit/souscriptionprojet.html.twig line 1

Open in your IDE?
  1. {% extends "Theme/Users/User/layoutoffert.html.twig" %}
  3. {% block meta %}
  5.     {{ parent() }}
  6.     <meta name="keywords" content="{{ site }}, {{ keywords }}"/>
  7.     <meta name="author" content="Noel Kenfack"/>
  8.     <meta name="description" content="{{ site }} - Souscription Chantier"/>
  9.     
  10. {% endblock %}
  12. {% block title %}
  14.     {{ parent() }} - Souscription Chantier
  15.     
  16. {% endblock %}
  18. {% block stylesheets %}
  19.     {{ parent() }}
  20.     
  21. <style>
  22. :root {
  23.   --side-padding: 50px;
  24.   --main-color: #1890ff;
  25.   --shadow-color: rgba(0,0,0,.1);
  26.   --text-font-size: 18px;
  27. }
  29. p {
  30.   font-size: var(--text-font-size);
  31. }
  33. .feature-image {
  34.   height: 32rem;
  35.   background-size: cover;
  36.     -webkit-box-shadow: 0 40px 50px var(--shadow-color);
  37.        -moz-box-shadow: 0 40px 50px var(--shadow-color);
  38.             box-shadow: 0 40px 50px var(--shadow-color);
  39. }
  41. .site-main {
  42.   width: 100%;
  43.   margin-right: auto;
  44.   margin-left: auto;
  45.   background-color: #fff;
  46. }
  47. @media (min-width: 768px) {
  48.   .site-main {
  49.     width: 80%;
  50.   }
  51. }
  52. @media (min-width: 992px) {
  53.   .site-main {
  54.     width: 70%;
  55.   }
  56. }
  57. @media (min-width: 1200px) {
  58.   .site-main {
  59.     width: 60%;
  60.   }
  61. }
  63. .drop-cap:first-letter {
  64.   float: left;
  65.   margin-right: 0.25em;
  66.   color: #222;
  67.   text-transform: uppercase;
  68.   font-weight: 700;
  69.   font-size: 100px;
  70.   line-height: 1;
  71. }
  73. .article-content {
  74.   background-color: transparent;
  75.   padding: 0;
  76. }
  78. .article-header {
  79.   margin-top: -160px;
  80.   background-color: #fff;
  81.   box-shadow: 0 -23px 50px var(--shadow-color);
  82.   padding: 50px var(--side-padding);
  83. }
  85. .featured-image-wrap{
  86.   position: relative;
  87.   
  88. }
  90. .entry-cats {
  91.   margin-bottom: 10px;
  92. }
  94. .entry-cats a {
  95.   display: inline-block;
  96.   background: var(--main-color);
  97.   text-decoration: none;
  98.   color: white;
  99.   padding: 4px 8px;
  100.   font-weight: 500;
  101.   text-transform: uppercase;
  102.   
  103. }
  105. .entry-title {
  106.   font-weight: 900;
  107. }
  109. .article-text-wrap {
  110.   padding: 0 var(--side-padding);
  111. }
  113. /* .avatar {
  114.     vertical-align: middle;
  115.     width: 128px;
  116.     height: 128px;
  117.     border-radius: 50%;
  118. } */
  120. .avatar img {
  121.     object-fit: cover;
  122.     border-radius: 50%;
  123. }
  125. .author {
  126.   margin-top: 25px;
  127.   display: flex;
  128. }
  130. .inner-meta {
  131.   margin-left: 20px;
  132.   display: -webkit-flex; /* Safari */
  133.   -webkit-justify-content: space-around; /* Safari 6.1+ */
  134.   display: flex;
  135.   flex-direction: column;
  136.   justify-content: space-around;
  137. }
  139. .created-by {
  140.   text-transform: uppercase;
  141.   text-decoration: none;
  142.   font-weight: 700;
  143.   color: var(--main-color);
  144. }
  146. .created-at {
  147.  color: grey; 
  148. }
  151. .entry-summary {
  152.     position: relative;
  153.     font-size: 18px;
  154.     padding-bottom: 55px;
  155.     margin-bottom: 35px;
  156.     color: #000;
  157.     font-weight: 300;
  158.     line-height: 1.55;
  159.     font-style: italic;
  160. }
  162. .entry-summary:after {
  163.     content: "..........................................";
  164.     position: absolute;
  165.     bottom: 0;
  166.     left: 0;
  167.     width: 100%;
  168.     text-align: center;
  169.     letter-spacing: 4px;
  170.     color: var(--main-color);
  171.     overflow: hidden;
  172. }
  174. .article-source {
  175.   font-size: 18px;
  176. }
  178. .article-source a {
  179.   color: #1890ff;
  180. }
  182. .share {
  183.   padding-bottom: 20px;
  184. }
  186. .entry-footer {
  187.   padding: 50px var(--side-padding);
  188. }
  190. .entry-footer .entry-tags a {
  191.     margin-right: 8px;
  192.     color: #757575;
  193.     font-weight: 700;
  194.     text-decoration: none;
  195.   text-transform: uppercase;
  196. }
  198. .entry-footer .entry-tags a:before {
  199.     content: "#";
  200.     padding-right: 1px;
  201. }
  203. .links-meta{
  204.     text-transform: uppercase;
  205.     font-weight: 900;
  206. }
  210. .nl-process {
  211.   padding-top: 30px;
  212. }
  214. .process-list {
  215.   display: table;
  216.   table-layout: fixed;
  217.   width: 100%;
  218.   counter-reset: process-count;
  219.   height: 54px;
  220. }
  222. .complete-hint {
  223.   display: none;
  224.   width: 54px;
  225.   height: 54px;
  226.   background: #69be38;
  227.   border-radius: 50%;
  228.   text-align: center;
  229.   position: absolute;
  230.   left: calc(50% - 24px);
  231.   top: 23px;
  232.   z-index: 3;
  233. }
  234. .complete-hint i {
  235.   line-height: 54px;
  236.   color: #fff;
  237.   font-size: 28px;
  238. }
  239. .complete-hint.is-show {
  240.   display: block;
  241.   -webkit-animation: scale0to1 160ms forwards;
  242.           animation: scale0to1 160ms forwards;
  243. }
  244. .complete-hint.is-hide {
  245.   display: none;
  246. }
  248. .process-item {
  249.   display: table-cell;
  250.   text-align: center;
  251. }
  252. .process-item:first-child {
  253.   pointer-events: none;
  254. }
  255. .process-item:first-child .process-content:before {
  256.   display: none;
  257. }
  258. .process-item:last-child .process-content:after {
  259.   display: none;
  260. }
  261. .process-item:last-child .process-active-bar {
  262.   display: none !important;
  263. }
  265. .process-content {
  266.   position: relative;
  267. }
  268. .process-content .process-active-bar, .process-content:before, .process-content:after {
  269.   content: '';
  270.   position: absolute;
  271.   background: #e5e5e6;
  272.   border-radius: 2px;
  273.   height: 4px;
  274.   top: 12px;
  275.   -webkit-transition: all 120ms ease-in;
  276.   transition: all 120ms ease-in;
  277. }
  278. .process-content .process-active-bar {
  279.   position: absolute;
  280.   background: green;
  281.   z-index: 2;
  282.   left: calc(50% + 20px);
  283.   right: calc(100% - 20px);
  284.   -webkit-transition: all 300ms ease-out;
  285.   transition: all 300ms ease-out;
  286. }
  287. .process-content:before {
  288.   right: calc(50% + 20px);
  289.   left: -2px;
  290. }
  291. .process-content:after {
  292.   left: calc(50% + 20px);
  293.   right: 0;
  294.   z-index: 1;
  295. }
  296. .process-content .circle {
  297.   position: relative;
  298.   background: #e5e5e6;
  299.   display: inline-block;
  300.   border-radius: 50%;
  301.   width: 28px;
  302.   height: 28px;
  303.   line-height: 28px;
  304.   text-align: center;
  305.   -webkit-transition: all 300ms ease-in;
  306.   transition: all 300ms ease-in;
  307. }
  308. .process-content .circle span {
  309.   color: #999;
  310. }
  311. .process-content .circle span:before {
  312.   counter-increment: process-count;
  313.   content: counter(process-count);
  314. }
  315. .process-content .des {
  316.   padding-top: 5px;
  317.   padding: 5px 10px;
  318.   box-sizing: border-box;
  319. }
  320. .process-content .des span {
  321.   color: #f4f4f4;
  322.   -webkit-transition: color 120ms ease-in;
  323.   transition: color 120ms ease-in;
  324. }
  325. .process-item.is-active .process-content .process-active-bar {
  326.   display: block;
  327.   right: calc(-50% + 20px);
  328. }
  329. .process-item.is-active .process-content .circle {
  330.   background: green;
  331. }
  332. .process-item.is-active .process-content .circle span {
  333.   color: #fff;
  334.   display: inline-block;
  335.   -webkit-animation: scale0to1 300ms forwards;
  336.           animation: scale0to1 300ms forwards;
  337. }
  338. .process-item.is-active .process-content .circle span:before {
  339.   content: "\f00c";
  340.   font: normal normal normal 14px/1 FontAwesome;
  341. }
  342. .process-item.is-active .process-content .des span {
  343.   color: #6f6f6f;
  344. }
  345. .process-item.is-current .process-content .circle {
  346.   background: #ff9c23;
  347. }
  348. .process-item.is-current .process-content .circle span {
  349.   color: #fff;
  350. }
  351. .process-item.is-current .process-content .des span {
  352.   color: #6f6f6f;
  353. }
  354. .process-item.all-complete .process-content .process-active-bar, .process-item.all-complete .process-content:before, .process-item.all-complete .process-content:after,
  355. .process-item.all-complete .process-content .des {
  356.   width: 0;
  357.   opacity: 0;
  358. }
  359. .process-item.all-complete .process-content .circle {
  360.   -webkit-transform: scale(0);
  361.           transform: scale(0);
  362. }
  364. .footer {
  365.   text-align: center;
  366.   padding-top: 50px;
  367. }
  368. .footer .footer-btn {
  369.   font-size: 24px;
  370.   color: #fff;
  371.   padding: 15px 80px;
  372.   background: #ff9c23;
  373.   border: 0;
  374.   border-radius: 4px;
  375.   -webkit-transition: background 120ms ease-in;
  376.   transition: background 120ms ease-in;
  377.   cursor: pointer;
  378.   display: inline-block;
  379. }
  380. .footer .footer-btn.is-ghost {
  381.   background: transparent;
  382.   color: #ff9c23;
  383.   box-shadow: inset 0 0 0 2px #ff9c23;
  384. }
  385. .footer .footer-btn:hover {
  386.   background: #ffa73d;
  387.   color: #fff;
  388. }
  389. .footer .footer-btn:active {
  390.   background: #ff910a;
  391. }
  392. .footer .footer-btn.is-show {
  393.   display: inline-block;
  394. }
  395. .footer .footer-btn.is-hide {
  396.   display: none;
  397. }
  398. .footer .footer-btn.is-slidedown {
  399.   -webkit-animation: slideDown 120ms forwards;
  400.           animation: slideDown 120ms forwards;
  401. }
  402. .footer .footer-btn.is-slideup {
  403.   -webkit-animation: slideUp 120ms forwards;
  404.           animation: slideUp 120ms forwards;
  405. }
  407. @-webkit-keyframes scale0to1 {
  408.   0% {
  409.     -webkit-transform: scale(0);
  410.             transform: scale(0);
  411.   }
  412.   100% {
  413.     -webkit-transform: scale(1);
  414.             transform: scale(1);
  415.   }
  416. }
  418. @keyframes scale0to1 {
  419.   0% {
  420.     -webkit-transform: scale(0);
  421.             transform: scale(0);
  422.   }
  423.   100% {
  424.     -webkit-transform: scale(1);
  425.             transform: scale(1);
  426.   }
  427. }
  428. @-webkit-keyframes slideDown {
  429.   0% {
  430.     -webkit-transform: translate3d(0, 0, 0);
  431.             transform: translate3d(0, 0, 0);
  432.     opacity: 1;
  433.   }
  434.   100% {
  435.     -webkit-transform: translate3d(0, 100%, 0);
  436.             transform: translate3d(0, 100%, 0);
  437.     opacity: 0;
  438.   }
  439. }
  440. @keyframes slideDown {
  441.   0% {
  442.     -webkit-transform: translate3d(0, 0, 0);
  443.             transform: translate3d(0, 0, 0);
  444.     opacity: 1;
  445.   }
  446.   100% {
  447.     -webkit-transform: translate3d(0, 100%, 0);
  448.             transform: translate3d(0, 100%, 0);
  449.     opacity: 0;
  450.   }
  451. }
  452. @-webkit-keyframes slideUp {
  453.   0% {
  454.     -webkit-transform: translate3d(0, 100%, 0);
  455.             transform: translate3d(0, 100%, 0);
  456.     opacity: 0;
  457.   }
  458.   100% {
  459.     -webkit-transform: translate3d(0, 0, 0);
  460.             transform: translate3d(0, 0, 0);
  461.     opacity: 1;
  462.   }
  463. }
  464. @keyframes slideUp {
  465.   0% {
  466.     -webkit-transform: translate3d(0, 100%, 0);
  467.             transform: translate3d(0, 100%, 0);
  468.     opacity: 0;
  469.   }
  470.   100% {
  471.     -webkit-transform: translate3d(0, 0, 0);
  472.             transform: translate3d(0, 0, 0);
  473.     opacity: 1;
  474.   }
  475. }
  479. label {
  480.     width: 100%;
  481. }
  483. .card-input-element {
  484.     display: none;
  485. }
  487. .card-input {
  488.     margin: 10px;
  489.     padding: 00px;
  490. }
  492. .card-input:hover {
  493.     cursor: pointer;
  494. }
  496. .card-input-element:checked + .card-input {
  497.      box-shadow: 0 0 1px 1px #2ecc71;
  498.  }
  499.  
  500.  
  501.  [type="checkbox"]:checked,
  502. [type="checkbox"]:not(:checked) {
  503.     position: absolute;
  504.     left: -9999px;
  505. }
  506. [type="checkbox"]:checked + label,
  507. [type="checkbox"]:not(:checked) + label
  508. {
  509.     position: relative;
  510.     padding-left: 28px;
  511.     cursor: pointer;
  512.     line-height: 20px;
  513.     display: inline-block;
  514.     color: #666;
  515. }
  516. [type="checkbox"]:checked + label:before,
  517. [type="checkbox"]:not(:checked) + label:before {
  518.     content: '';
  519.     position: absolute;
  520.     left: 0;
  521.     top: 0;
  522.     width: 18px;
  523.     height: 18px;
  524.     border: 1px solid #ddd;
  525.     background: #fff;
  526. }
  527. [type="checkbox"]:checked + label:after,
  528. [type="checkbox"]:not(:checked) + label:after {
  529.     content: '';
  530.     width: 8px;
  531.     height: 8px;
  532.     background: #00a69c;
  533.     position: absolute;
  534.     top: 6px;
  535.     left: 6px;
  536.     -webkit-transition: all 0.2s ease;
  537.     transition: all 0.2s ease;
  538. }
  539. [type="checkbox"]:not(:checked) + label:after {
  540.     opacity: 0;
  541.     -webkit-transform: scale(0);
  542.     transform: scale(0);
  543. }
  544. [type="checkbox"]:checked + label:after {
  545.     opacity: 1;
  546.     -webkit-transform: scale(1);
  547.     transform: scale(1);
  548. }
  551. input {
  552.   border: 2px solid #333;
  553.   border-radius: 5px;
  554.   color: #333;
  555.   font-size: 32px;
  556.   margin: 0 0 20px;
  557.   padding: .5rem 1rem;
  558.   width: 100%;
  560. }
  562. .button-step {
  563.   background: #fff;
  564.   border: 2px solid #333;
  565.   border-radius: 5px;
  566.   color: #333;
  567.   font-size: 16px;
  568.   font-weight: bold;
  569.   padding: 1rem;
  570. }
  572. .button-step:hover {
  573.   background: #333;
  574.   border: 2px solid #333;
  575.   color: #fff;
  576. }
  578. </style>
  580. {% endblock %}
  582. {% block userblog_body %}
  584. <div class="list-step-souscription" id="step-one-souscription">
  585. <div style="background: #90acd1; min-height: 260px;">
  586.   
  587. <div class="container nl-process">
  588.   <div class="complete-hint"><i class="fa fa-check"></i></div>
  589.   <ul class="process-list">
  590.     <li class="process-item">
  591.       <div class="process-content">
  592.         <div class="process-active-bar"></div>
  593.         <div class="circle" style="background: green;">
  594.           <span style="color: #fff!important;"></span>
  595.         </div>
  596.         <div class="des" style="color: #fff;">
  597.           <strong>Type d'investissement</strong>
  598.          </div>
  599.       </div>
  600.     </li>
  602.     <li class="process-item">
  603.       <div class="process-content">
  604.         <div class="process-active-bar"></div>
  605.         <div class="circle">
  606.           <span></span>
  607.         </div>
  608.         <div class="des">
  609.           <span>Chantier favoris</span>
  610.          </div>
  611.       </div>
  612.     </li>
  613.     <li class="process-item">
  614.       <div class="process-content">
  615.         <div class="process-active-bar"></div>
  616.         <div class="circle">
  617.           <span></span>
  618.         </div>
  619.         <div class="des">
  620.           <span>Propriétaire</span>
  621.          </div>
  622.       </div>
  623.     </li>
  624.   </ul>
  625. </div>
  626.   
  627. </div>
  630. <div class="container-fluid article-content">
  631.     <div class="article-header site-main">
  632.       <h1 class="entry-title">Placez votre investissement sur un projet sûr.</h1>
  633.     </div>
  634.     
  635.     <div class="site-main article-text-wrap">
  636.       <div class="entry-summary"><span class="fa fa-info-circle"></span> {{ site }} se charge d'étudier chaque projet dans tous les angles afin de s'assurer que seul les projets à grand potentiel de croissance ne vous parviennent.</div>
  637.       
  638.           <form method="" action="" class="submit_step_one">
  639.           <h1>Sur quel type de projet souhaitez-vous investir ?</h1>
  640.           <div><span class="fa fa-info-circle"></span> Cette information détermine le temps requis pour un retour sur investissement</div>
  641.           
  642.           <div class="row">
  643.           
  644.             {% for type in liste_business %}
  645.               <div class="col-md-4 col-lg-4 col-sm-4">
  646.                 
  647.                 <label>
  648.                   <input type="radio" name="typeproduct" class="card-input-element" value="{{ type.id }}"/>
  650.                     <div class="panel panel-default card-input">
  651.                       <div class="panel-heading">{{ type.nom }}</div>
  652.                       <div class="panel-body">
  653.                         <div style="font-weight: normal;">{{ type.description }}</div>
  654.                       </div>
  655.                     </div>
  656.                     <a href="{{ path('produit_produit_listes_produit_user', {'id': type.id }) }}" style="margin-left: 10px;">En savoir plus <span class="fa fa-angle-right"></span></a>
  657.                 </label>
  658.                 
  659.               </div>
  660.             {% else %}
  661.                 <div class="col-md-12">
  662.                     <div class="text-center" style="height: 250px; padding-top: 100px; background: #fff; display: block; width: 100%!important; border: 1px solid #f4f4f4; border-radius: 5px;">
  663.                         <span class="fa fa-frown-o"></span> Aucune données disponible pour cette requête.</br>
  664.                         <hr style="width: 100px; border-bottom: 1px solid red;"/>
  665.                     </div>
  666.                 </div>
  667.             {% endfor %}
  669.           </div>
  670.           
  671.           
  672.           <h1>Quelle plage d'investissement est-elle approprié pour vous ?</h1>
  673.           <div><span class="fa fa-info-circle"></span> Cette information détermine vos privilèges dans l'entreprise pour laquelle vous investissez</div>
  674.           <div class="row">
  675.             
  676.             {% for type in type_investisseur %}
  677.               <div class="col-md-4 col-lg-4 col-sm-4">
  678.                 
  679.                 <label>
  680.                   <input type="radio" name="typeinvestisseur" class="card-input-element" value="{{ type.id }}"/>
  682.                     <div class="panel panel-default card-input">
  683.                       <div class="panel-heading">{{ type.nom }}</div>
  684.                       <div class="panel-body">
  685.                         <div style="font-weight: normal;">{{ type.description }}</div>
  686.                         <div><span class="label label-info">Entre: {{ type.minimum }} - {{ type.maximum }} {{ devise }}</span></div>
  687.                       </div>
  688.                     </div>
  689.                     
  690.                     <a href="" style="margin-left: 10px;">En savoir plus <span class="fa fa-angle-right"></span></a>
  691.                 </label>
  692.                 
  693.               </div>
  694.             {% else %}
  695.                 <div class="col-md-12">
  696.                     <div class="text-center" style="height: 250px; padding-top: 100px; background: #fff; display: block; width: 100%!important; border: 1px solid #f4f4f4; border-radius: 5px;">
  697.                         <span class="fa fa-frown-o"></span> Aucune données disponible pour cette requête.</br>
  698.                         <hr style="width: 100px; border-bottom: 1px solid red;"/>
  699.                     </div>
  700.                 </div>
  701.             {% endfor %}
  702.             
  703.           </div>
  704.           
  705.            <h1>Conditions élémentaires d'investissement</h1>
  706.           <div class="row">
  707.               <div class="col-md-12">
  708.                   <p>
  709.                     <input type="checkbox" id="valide_experience" name="agevalide"/>
  710.                     <label for="valide_experience">J'ai plus de 22 ans</label>
  711.                   </p>
  712.                   
  713.                   <p>
  714.                     <input type="checkbox" id="valide_approche" name="approchevalide"/>
  715.                     <label for="valide_approche">J'aime l'innovation et je suis engagé pour l'employabilité des jeunes en Afrique</label>
  716.                   </p>
  717.               </div>
  718.           </div>
  720.           <div class="row" style="margin-top: 20px; margin-bottom: 20px;">
  721.               <div class="col-md-12">
  722.                 <hr/>
  723.               </div>
  724.               <div class="col-md-6">
  725.                   <a href="#!" class="btn btn-default">Précédent</a>
  726.               </div>
  727.               <div class="col-md-6 text-right">
  728.                   <button class="button-step btn-primary">Suivant <span class="fa fa-arrow-circle-right"></span></button>
  729.               </div>
  730.           </div>
  731.           </form>
  732.     </div>
  733.   </div>
  734. </div>
  737. <div class="list-step-souscription" id="step-two-souscription" style="display: none;">
  739. </div>
  741. <div class="list-step-souscription" id="step-three-souscription" style="display: none;">
  743. </div>
  747. {% endblock %}
  749. {% block javascripttemplate %}
  752. $('form.submit_step_one').on('submit',function(){
  753.     
  754.     if($('#valide_experience').prop("checked") && $('#valide_approche').prop("checked"))
  755.     {
  756.         var typeprojet = $("input[name='typeproduct']:checked").val();
  757.         var typeinvest = $("input[name='typeinvestisseur']:checked").val();
  758.         
  759.     
  760.         if(typeprojet === undefined){
  761.             resetNotif();
  762.             alertify.alert("Echec, veuillez choisir le type de projet sur lequel vous souhaitez investir.");
  763.         }else if(typeinvest === undefined){
  764.             resetNotif();
  765.             alertify.alert("Echec, veuillez choisir le type d'investissement que vous souhaitez effectué.");
  766.         }else{
  767.             var height = ($(window).height() + $(window).scrollTop());
  768.             var width = $(window).width() + 100;
  769.             var scrolltop = $(window).scrollTop();
  770.             $('.panel-result-action-factory-user').show();
  771.             $('.content-alert-action-factory-user').show();
  772.             $('.content-alert-action-factory-user').html('<div style="position: fixed; top: 0px; margin-bottom: '+scrolltop+'px; left: 0px; z-index: 9000; width: '+width+'px; height: '+height+'px; background: rgba(0,0,0,0.5);"></div>');
  773.             
  774.             $.post('{{ path('produit_produit_ajouter_product_panier', {'position': 'product'}) }}',{typeprojet: typeprojet, typeinvest: typeinvest },function(data){
  775.               $('.panel-result-action-factory-user').hide();
  776.               $('.content-alert-action-factory-user').hide();
  777.               
  778.               if(data == 0)
  779.               {
  780.                   resetNotif();
  781.                   alertify.alert("Echec, Toutes les données n'ont pas été reçu");
  782.                   
  783.               }else if(data == 2){
  784.                   resetNotif();
  785.                   alertify.alert("Echec, Nous n'avons pas pu récupérer les choix que vous avez effectués !");
  786.               }else{
  787.                   $('#step-two-souscription').html(data);
  788.                   $('.list-step-souscription').hide();
  789.                   $('#step-two-souscription').show();
  790.               }
  791.             });
  792.         }
  793.     }else{
  794.         resetNotif();
  795.         alertify.alert("Echec, Vous devez d'abord accepter que vous avez l'âge requise pour invertir sur un projet et que vous êtes pationner de l'innovation.");
  796.     }
  797.     
  798.    return false;
  799. });
  802. {% endblock %}