templates/pdf/pdf.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>AFPMA - {{ training.title }}</title>
  6.     <meta charset="utf-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  11.     <style>
  13.         body {
  14.             font-family: 'Roboto', sans-serif;
  15.         }
  17.         h3, h1 {
  18.             font-family: "Roboto Condensed", "Helvetica Neue", sans-serif;
  19.         }
  21.         .pdf-logo {
  22.             margin-left: 00px;
  23.         }
  25.         img.pdf-img {
  26.             width: 178px;
  27.             height: 178px;
  28.         }
  30.         .title-detail-formation {
  31.             color: #ed7d27;
  32.             font-family: "Roboto Condensed", "Helvetica Neue", sans-serif;
  33.             font-weight: 700;
  34.             font-size: 28px;
  35.             line-height: 1.1;
  36.             text-transform: uppercase;
  37.             margin-top: -5px;
  38.             margin-left: 10px;
  39.         }
  41.         .panel-body > ul {
  42.             padding-left: 15px;
  43.         }
  45.         div:not(.grey) .new-part {
  46.             margin-top: 15px;
  47.         }
  49.         div.grey .new-part {
  50.             margin-bottom: 0px;
  51.         }
  53.         .left-title {
  54.             font-size: 15px;
  55.             font-weight: 700;
  56.             color: #005577;
  57.             text-transform: uppercase;
  58.         }
  60.         .left-title-container {
  61.             /*padding: 5px;*/
  62.         }
  64.         .right-title {
  65.             font-size: 15px;
  66.             font-weight: 700;
  67.             text-transform: uppercase;
  68.         }
  70.         div#pluses .right-title {
  71.             color: #fff;
  72.         }
  74.         div#pluses .pluses-content {
  75.             background-color: #EFEFEF;
  76.             overflow: hidden;
  77.             margin-top: -15px;
  78.             border-bottom-right-radius: 20px;
  79.             border-bottom-left-radius: 20px;
  80.         }
  82.         div#pluses .pluses-content ul li {
  83.             margin-bottom: -5px;
  84.         }
  86.         div#pluses {
  87.             border-bottom: none;
  88.             border-right: none;
  89.             border-top: none;
  90.             border-left: 10px solid #EE1C2A;
  91.             border-bottom-right-radius: 40px;
  92.             border-bottom-left-radius: 40px;
  93.         }
  95.         div#pluses .right-title-container {
  96.             background-color: #005577;
  97.             padding: 2px;
  98.         }
  100.         div:not(#pluses) .right-title-container {
  101.             margin-bottom: 10px;
  102.             color: #005577;
  103.         }
  105.         #certif-title {
  106.             font-size: 18px;
  107.             color: #005577;
  108.             font-weight: 700;
  109.             text-transform: uppercase;
  110.         }
  112.         div:not(#pluses) li:before {
  113.             color: #006483;
  114.         }
  116.         div#pluses li:before {
  117.             color: #DB0606;
  118.         }
  120.         ul li {
  121.             line-height: 20px!important;
  122.         }
  124.         .after-main-title {
  125.             font-weight: 400;
  126.             line-height: 1;
  127.             color: #777;
  128.         }
  130.         .right-side-title {
  131.             display: block;
  132.             margin-bottom: 20px;
  133.             max-width: 60%;
  134.             float: right;
  135.         }
  137.         .left-side {
  138.             display: block;
  139.             width: 30%;
  140.             float: left;
  141.         }
  143.         .left-side-cgv {
  144.             padding: 1%;
  145.             display: block;
  146.             width: 48%;
  147.             float: left;
  148.         }
  150.         .right-side-cgv span {
  151.             font-size: 13px;
  152.             font-weight: 300;
  153.         }
  155.         .left-side-cgv span {
  156.             font-size: 13px;
  157.             font-weight: 300;
  158.         }
  160.         .right-side-cgv p {
  161.             font-size: 13px;
  162.             font-weight: 300;
  163.         }
  165.         .left-side-cgv p {
  166.             font-size: 13px;
  167.             font-weight: 300;
  168.         }
  170.         .right-side-cgv {
  171.             padding: 1%;
  172.             display: block;
  173.             width: 48%;
  174.             float: right;
  175.         }
  177.         .right-side-content {
  178.             display: block;
  179.             width: 68%;
  180.             float: right;
  181.         }
  183.         .full-side-content {
  184.             display: block;
  185.             width: 100%;
  186.             float: right;
  187.         }
  189.         .separator {
  190.             display: block;
  191.             width: 3%;
  192.         }
  194.         .item:not(.red) {
  195.             background-color: #4AA2DA;
  196.         }
  198.         .item {
  199.             border-radius: 20px;
  200.             padding: 2px 7px;
  201.             color: #fff;
  202.             margin: 0 2px;
  203.             text-align: center;
  204.         }
  206.         .item.red {
  207.             background-color: #EE1C2A;
  208.         }
  210.         .dp-flex {
  211.             display: inline-block
  212.         }
  214.         .content-text {
  215.             font-size: 13px;
  216.             font-weight: 300;
  217.             padding: 5px 10px 5px 10px;
  218.             margin-bottom: 5px;
  219.         }
  221.         #certif-name {
  222.             color: #0AA5DF;
  223.         }
  225.         .grey.bg {
  226.             background-color: #EFEFEF;
  227.         }
  229.         .white.bg {
  230.             background-color: #fff;
  231.         }
  233.         .bg {
  234.             padding: 10px 20px 20px;
  235.         }
  237.         .red-separator.w-40 {
  238.             width: 40%;
  239.         }
  241.         .red-separator.w-20 {
  242.             width: 20%;
  243.         }
  245.         .right-side-content .new-part {
  246.             margin-top: 15px;
  247.         }
  249.         .full-side-content .new-part {
  250.             margin-top: 15px;
  251.         }
  254.         .red-separator {
  255.             border: 1px solid #DB0606;
  256.             margin: 20px 0;
  257.         }
  259.         .left-side .red-separator {
  260.             margin: 10px 0;
  261.         }
  263.         .left-side ul {
  264.             list-style: none;
  265.             padding-left: 0;
  266.         }
  268.         .right-side-content ul {
  269.             list-style: none;
  270.             padding-left: 10px;
  271.             margin: 0;
  272.         }
  274.         .right-side-content ul li {
  275.             margin: 0;
  276.         }
  278.         .full-side-content ul {
  279.             list-style: none;
  280.             padding-left: 10px;
  281.             margin: 0;
  282.         }
  284.         .full-side-content ul li {
  285.             margin: 0;
  286.         }
  288.         p {
  289.             margin: 0;
  290.         }
  292.         ul li:before {
  293.             content: "\203A";
  294.             color: #006483;
  295.             font-weight: 100;
  296.             font-size: 25px;
  297.             margin-right: 10px;
  298.         }
  300.         #new-training {
  301.             padding-left: 20px;
  302.             width: 100%;
  303.             background-color: #DB0606;
  304.             color: #fff;
  305.             text-transform: uppercase;
  306.             font-size: 16px;
  307.             min-height: 20px;
  308.         }
  310.         #infos-training {
  311.             width: 99.5%;
  312.             padding-top: 20px;
  313.             padding-left: 20px;
  314.             border: 1px solid #EFEFEF;
  315.         }
  317.         #education-level-training {
  318.             font-size: 32px;
  319.             font-weight: 800;
  320.         }
  322.         #title-training {
  323.             font-size: 25px;
  324.             font-weight: 100;
  325.         }
  327.         #code-training {
  328.             font-size: 20px;
  329.             font-weight: 700;
  330.         }
  332.         #title-div {
  333.             padding-right: 20px;
  334.             color: #006483;
  335.         }
  337.         .row {
  338.             margin-top: -145px;
  339.             display: table;
  340.             margin-left: 57%;
  341.             width: 50%; /*Optional*/
  342.             table-layout: fixed; /*Optional*/
  343.             border-spacing: 10px; /*Optional*/
  344.         }
  346.         .row-only {
  347.             margin-top: -145px;
  348.             display: table;
  349.             margin-left: 75%;
  350.             width: 30%; /*Optional*/
  351.             table-layout: fixed; /*Optional*/
  352.             border-spacing: 10px; /*Optional*/
  353.         }
  355.         .column {
  356.             display: table-cell;
  357.         }
  359.     </style>
  360. </head>
  361. <body>
  362. {# set fiche image #}
  363. {% set firstDomain = training.domain.first %}
  364. {% if firstDomain %}
  365.     {% set photo = asset('uploads/domain_media/' ~ firstDomain.media) %}
  366. {% else %}
  367.     {% set photo = asset('uploads/domain_media/Plan_de_travail_1.png') %}
  368. {% endif %}
  371. {# for urls, use {{ absolute_url(asset) }} #}
  373. <div style="width:100%;">
  374.     <img src="{{ absolute_url(asset('assets/images/custom/logo/logo-top-center.png')) }}" alt="" height="135"
  375.          class="pdf-logo"/>
  376.     <div {% if not training.validityDate %} class="row-only" {% else %}class="row"{% endif %}>
  377.         <div class="column">
  378.             <div style="margin-left:-100px!important;">
  379.                 <div class="left-title-container">
  380.                     <h1 class="left-title">Contact Commercial</h1>
  381.                 </div>
  382.                 <div style="margin-left:-20px!important;">
  383.                     {% for contact in training.commercials %}
  384.                         <div class="column">
  385.                             <div class="content-text">
  386.                                 {% set mailTo = 'mailTo:' ~ contact.email %}
  387.                                 <div>
  388.                                     <p style="font-weight: 300" class="">
  389.                                         <strong style="">{{ contact.firstName }} {{ contact.lastName }}</strong>
  390.                                         <br>
  391.                                         <span style="">
  392.                                             {{ contact.phone }}
  393.                                         </span>
  394.                                         <span>
  395.                                             {{ contact.email }}
  396.                                         </span>
  397.                                     </p>
  398.                                 </div>
  399.                             </div>
  400.                         </div>
  401.                     {% endfor %}
  402.                 </div>
  403.             </div>
  404.         </div>
  405.         {% if training.validityDate %}
  406.             <div class="column">
  407.                 <div class="left-title-container">
  408.                     <h1 class="left-title">Date de validité</h1>
  409.                 </div>
  410.                 <div class="content-text">
  411.                     {{ training.validityDate ? training.validityDate|date('d/m/Y') : '' }}
  412.                 </div>
  413.             </div>
  414.         {% endif %}
  415.     </div>
  416.     <br><br>
  417.     <div id="title-div" style="padding-right:10px">
  418.         <div id="infos-training">
  419.             <div style="padding: 10px" id="education-level-training">
  420.                 {{ training.title }}
  421.             </div>
  422.             <div style="padding: 10px">
  423.                 {{ training.subTitle }}
  424.             </div>
  425.             <div style="padding: 10px">
  426.                 {{ training.rncpOrRs }}
  427.             </div>
  428.         </div>
  429.     </div>
  430.     <div style="clear:both; page-break-after:always;">
  431.         <div class="left-side">
  433.             <div id="title-div">
  434.                 <div id="new-training">
  435. {#                    Do not delete#}
  436.                 </div>
  437.                 <div id="infos-training">
  438.                     {% if training.traineeOrEnterprise is not empty %}
  439.                         <div id="title-training">
  440.                             {{ training.traineeOrEnterprise }}
  441.                         </div>
  442.                     {% endif %}
  443.                 </div>
  444.             </div>
  445.             <div class="grey bg">
  446.                 {% if not training.price is empty %}
  447.                     <div class="new-part">
  448.                         <div class="left-title-container">
  449.                             <h1 class="left-title">Tarif</h1>
  450.                         </div>
  451.                         <div class="content-text ">
  452.                             {{ training.price }}
  453.                         </div>
  454.                     </div>
  456.                     <div class="red-separator w-40"></div>
  457.                 {% endif %}
  459.                 <div class="new-part">
  460.                     <div class="left-title-container">
  461.                         <h1 class="left-title">Durée</h1>
  462.                     </div>
  463.                     {% if training.days is not empty %}
  464.                     <div class="">
  465.                         <div class="dp-flex">
  466.                             <div class="item content-text">
  467.                                 {{ training.days }} {{ training.days == 1 ? 'jour' : 'jours' }}
  468.                                 {% if training.hours %}
  469.                                     , soit {{ training.hours }} {{ training.hours == 1 ? 'heure' : 'heures' }}
  470.                                 {% endif %}
  471.                             </div>
  472.                         </div>
  473.                     </div>
  474.                     {% endif %}
  475.                     <div class="">
  476.                         <div class="dp-flex">
  477.                             <div class="content-text">
  478.                                 {{ training.time|raw }}
  479.                             </div>
  480.                         </div>
  481.                     </div>
  482.                 </div>
  484.                 <div class="red-separator w-40"></div>
  486.                 <div class="new-part">
  487.                     <div class="left-title-container">
  488.                         <h1 class="left-title">Date</h1>
  489.                     </div>
  490.                     <div class="">
  491.                         <div class="dp-flex">
  492.                             {% if not training.date is empty %}
  493.                                 <div class="item content-text">
  494.                                     {{ training.date }}
  495.                                 </div>
  496.                             {% else %}
  497.                                 <div class="item content-text red">
  498.                                     Nous consulter pour connaitre les prochaines sessions
  499.                                 </div>
  500.                             {% endif %}
  501.                         </div>
  502.                     </div>
  503.                 </div>
  506.                 <div class="red-separator w-40"></div>
  508.                 {% if not training.place is empty %}
  509.                     <div class="new-part">
  510.                         <div class="left-title-container">
  511.                             <h1 class="left-title">Lieu</h1>
  512.                         </div>
  513.                         <div class="">
  514.                             <div class="item content-text">
  515.                                 {{ training.place }}
  516.                             </div>
  517.                         </div>
  518.                     </div>
  520.                     <div class="red-separator w-40"></div>
  521.                 {% endif %}
  523.                 {% if not training.trainingPlace is empty %}
  524.                     <div class="new-part">
  525.                         <div class="left-title-container">
  526.                             <h1 class="left-title">Lieu</h1>
  527.                         </div>
  528.                         <div class="">
  529.                             <div class="item content-text">
  530.                                 {{ training.trainingPlace.name }}
  531.                             </div>
  532.                         </div>
  533.                     </div>
  535.                     <div class="red-separator w-40"></div>
  536.                 {% endif %}
  538.                 {% if training.deviceAndTraining|length > 0 %}
  539.                     <div class="new-part">
  540.                         <div class="left-title-container">
  541.                             <h1 class="left-title">Dispositifs de formation</h1>
  542.                         </div>
  543.                         <div class="dp-flex ">
  544.                             {% for deviceAndTraining in training.deviceAndTraining %}
  545.                                 <div class="item content-text">
  546.                                     {{ deviceAndTraining.name }}
  547.                                 </div>
  548.                             {% endfor %}
  549.                         </div>
  550.                     </div>
  552.                     <div class="red-separator w-40"></div>
  553.                 {% endif %}
  555.                 {% if not training.educationLevelName is empty %}
  556.                     <div class="new-part">
  557.                         <div class="left-title-container">
  558.                             <h1 class="left-title">Niveau de formation</h1>
  559.                         </div>
  560.                         <div class="">
  561.                             <div class="item content-text">
  562.                                 {{ training.educationLevelName.name }}
  563.                             </div>
  564.                         </div>
  565.                         <div class="">
  566.                             <div class="item content-text">
  567.                                 {{ training.educationLevel }}
  568.                             </div>
  569.                         </div>
  570.                     </div>
  572.                     <div class="red-separator w-40"></div>
  573.                 {% endif %}
  575.                 {% if not training.certificationName is empty %}
  576.                     <div class="new-part">
  577.                         <div class="left-title-container">
  578.                             <h1 class="left-title">Validation</h1>
  579.                         </div>
  580.                         <div id="certif-name" class="content-text">
  581.                             {{ training.certificationName }}
  582.                         </div>
  583.                     </div>
  584.                 {% endif %}
  585.             </div>
  586.         </div>
  588.         <div class="separator"></div>
  591.         <div class="right-side-content">
  593.             {% if training.cutInBlocks %}
  594.                 <h3 style="font-size:15px;" id="certif-title">Cette certification est découpée en blocs de compétences</h3>
  595.                 <div class="content-text">
  596.                     Le principe de blocs vous permet d'obtenir un parcours formation adapté à vos besoins
  597.                     et/ou un accès progressive à la certification.
  598.                     <br>
  599.                     Chaque bloc, isolément, a une valeur sur le marché du travail.
  600.                 </div>
  601.             {% endif %}
  603.             {% if not training.pluses is empty %}
  604.                 <div id="pluses" class="new-part">
  605.                     <div class="right-title-container">
  606.                         {#                    /template/afpma/public/img/contenu.png #}
  607.                         <h3 class="right-title">
  608.                             {#                        <img alt="" src="" width="25" style="margin-right: 10px;"> #}
  609.                             Les plus de la formation
  610.                         </h3>
  611.                     </div>
  612.                     <div class="pluses-content content-text">
  613.                         <span style="">{{ training.pluses|raw }}</span>
  614.                     </div>
  615.                 </div>
  616.             {% endif %}
  618.             <div class="new-part">
  619.                 <div class="right-title-container">
  620.                     {#            /template/afpma/public/img/objectifs.png #}
  621.                     <h3 class="right-title">
  622.                         {#                    <img alt="" src="" width="25" style="margin-right: 10px;"> #}
  623.                         Objectifs
  624.                     </h3>
  625.                 </div>
  626.                 <div class="panel-body">
  627.                     <span style="">{{ training.objectives|raw }}</span>
  628.                     <span style=""></span>
  629.                     {% if not training.complementaryObjectives is empty %}
  630.                         <h3 style="font-size:15px;">Objectifs complémentaires</h3>
  631.                         <span style="">{{ training.complementaryObjectives|raw }}</span>
  632.                     {% endif %}
  633.                 </div>
  634.             </div>
  635.             <div class="new-part">
  636.                 <div class="right-title-container">
  637.                     {#            /template/afpma/public/img/personnes.png #}
  638.                     <h3 class="right-title">
  639.                         {#                    <img alt="" src="" width="25" style="margin-right: 10px;"> #}
  640.                         Personnes concernées
  641.                     </h3>
  642.                 </div>
  643.                 <div class="panel-body">
  644.                     <span style="">{{ training.concernedPersons|raw }}</span>
  645.                 </div>
  646.             </div>
  647.             {% if not training.prerequisites is empty %}
  648.                 <div class="new-part">
  649.                     <div class="right-title-container">
  650.                         {#                    /template/afpma/public/img/prerequis.png #}
  651.                         <h3 class="right-title">
  652.                             {#                        <img alt="" src="" width="25" style="margin-right: 10px;"> #}
  653.                             Prérequis
  654.                         </h3>
  655.                     </div>
  656.                     <div class="panel-body">
  657.                         <span style="">{{ training.prerequisites|raw }}</span>
  658.                     </div>
  659.                 </div>
  660.                 <div class="red-separator w-20"></div>
  661.             {% endif %}
  663.         </div>
  664.     </div>
  666.     <div class="separator"></div>
  667.     <div style="clear:both; page-break-after:always; page-break-before:always" class="full-side-content">
  669.         <div class="new-part">
  670.             <div class="right-title-container">
  671.                 {#            /template/afpma/public/img/contenu.png #}
  672.                 <h3 class="right-title">
  673.                     {#                    <img alt="" src="" width="25" style="margin-right: 10px;"> #}
  674.                     Contenu
  675.                 </h3>
  676.             </div>
  677.             <div class="panel-body">
  678.                 <span style="">{{ training.pedagogicContent|raw }}</span>
  679.             </div>
  680.         </div>
  682.         <div class="red-separator w-20"></div>
  684.         {% if not training.companyMissions is empty %}
  685.             <div class="new-part">
  686.                 <div class="right-title-container">
  687.                     <h3 class="right-title">
  688.                         Missions en entreprise
  689.                     </h3>
  690.                 </div>
  691.                 <div class="panel-body">
  692.                     <span style="">{{ training.companyMissions|raw }}</span>
  693.                 </div>
  694.             </div>
  695.             <div class="red-separator w-20"></div>
  696.         {% endif %}
  698.         {% if not training.termsOfAccess is empty %}
  699.             <div class="new-part">
  700.                 <div class="right-title-container">
  701.                     <h1 class="right-title">Modalités d'accès</h1>
  702.                 </div>
  703.                 <div class="panel-body">
  704.                     <span style="">{{ training.termsOfAccess|raw }}</span>
  705.                 </div>
  706.             </div>
  707.             <div class="red-separator w-20"></div>
  708.         {% endif %}
  710.         {% if not training.assessmentMethods is empty %}
  711.             <div class="new-part">
  712.                 <div class="right-title-container">
  713.                     <h1 class="right-title">Modalités d'évaluation</h1>
  714.                 </div>
  715.                 <div class="panel-body">
  716.                     <span style="">{{ training.assessmentMethods|raw }}</span>
  717.                 </div>
  718.             </div>
  719.             <div class="red-separator w-20"></div>
  720.         {% endif %}
  722.         {% if not training.alternatingRythm is empty %}
  723.             <div class="new-part">
  724.                 <div class="right-title-container">
  725.                     <h1 class="right-title">Rythme d'alternance</h1>
  726.                 </div>
  727.                 <div class="panel-body">
  728.                     <span style="">{{ training.alternatingRythm|raw }}</span>
  729.                 </div>
  730.             </div>
  731.             <div class="red-separator w-20"></div>
  732.         {% endif %}
  734.         {% if not training.teachingMethods is empty %}
  735.             <div class="new-part">
  736.                 <div class="right-title-container">
  737.                     <h1 class="right-title">Méthodes pédagogiques</h1>
  738.                 </div>
  739.                 <div class="panel-body">
  740.                     <span style="">{{ training.teachingMethods|raw }}</span>
  741.                 </div>
  742.             </div>
  743.             <div class="red-separator w-20"></div>
  744.         {% endif %}
  746.         {% if not training.teachingMeans is empty %}
  747.             <div class="new-part">
  748.                 <div class="right-title-container">
  749.                     <h1 class="right-title">Moyens pédagogiques</h1>
  750.                 </div>
  751.                 <div class="panel-body">
  752.                     <span style="">{{ training.teachingMeans|raw }}</span>
  753.                 </div>
  754.             </div>
  755.             <div class="red-separator w-20"></div>
  756.         {% endif %}
  758.         {% if not training.continuingStudies is empty %}
  759.             <div class="new-part">
  760.                 <div class="right-title-container">
  761.                     <h1 class="right-title">Poursuite d'études</h1>
  762.                 </div>
  763.                 <div class="panel-body">
  764.                     <span style="">{{ training.continuingStudies|raw }}</span>
  765.                 </div>
  766.             </div>
  767.             <div class="red-separator w-20"></div>
  768.         {% endif %}
  770.         {% if not training.targetFunctions is empty %}
  771.             <div class="new-part">
  772.                 <div class="right-title-container">
  773.                     <h1 class="right-title">Fonctions visées</h1>
  774.                 </div>
  775.                 <div class="panel-body">
  776.                     <span style=""> {{ training.targetFunctions|raw }}</span>
  777.                 </div>
  778.             </div>
  779.             <div class="red-separator w-20"></div>
  780.         {% endif %}
  782.         {% if training.disabledAccessibility == 0 %}
  783.             <div class="new-part">
  784.                 <div class="right-title-container">
  785.                     <h1 class="right-title">Accessibilité aux personnes en situations d'handicap</h1>
  786.                 </div>
  787.                 <div class="panel-body">
  788.                     <span style="">{{ training.accessibilityText|raw }}</span>
  789.                     <br>
  790.                     Plus d infos sur <a href="www.afpma.fr/notre-engagement-accueil-handicap">www.afpma.fr/notre-engagement-accueil-handicap</a>
  791.                 </div>
  792.             </div>
  793.             <div class="red-separator w-20"></div>
  794.         {% endif %}
  796.         <div class="new-part">
  797.             <div class="right-title-container">
  798.                 <h1 class="right-title">Date de mise à jour</h1>
  799.             </div>
  800.             <div class="panel-body">
  801.                 <span style="">{{ training.editDate ? training.editDate|date('d/m/Y') : '' }}</span>
  802.             </div>
  803.         </div>
  804.         <div class="red-separator w-20"></div>
  806.         {% if training.isFiche == 1 %}
  807.             <div class="new-part">
  808.                 <div class="right-title-container">
  809.                     <p>Bon pour accord. Je reconnais avoir pris connaissance des Conditions Générales de Vente et les accepter</p>
  810.                 </div>
  811.                 <div class="panel-body" style="height:100px!important;border:1px solid black">
  812.                     <i>Signature du client</i>
  813.                 </div>
  814.             </div>
  815.             <div class="red-separator w-20"></div>
  816.         {% endif %}
  817.     </div>
  819.     <div class="separator"></div>
  820.     {# cgv #}
  821.     <div style="clear:both; page-break-before:always;">
  822.         <div class="full-side-content">
  823.             <h2 style="width:100%; background-color: #def6ff;text-align: center">Conditions générales de vente –
  824.                 AFPMA FORMATION</h2>
  825.             <p>Les conditions générales de vente ont pour objet de définir les modalités de négociation, de
  826.                 conclusion
  827.                 et d’exécution de tout contrat tendant à la réalisation d’une prestation entrant dans le champ
  828.                 d’application de l’Art. L.900-2 du Code du travail ou de toute autre prestation.
  829.             </p>
  830.         </div>
  831.         <div class="left-side-cgv">
  832.             <h3>1. Généralités</h3>
  833.             <p>La signature de la convention de formation (ou contrat de formation pour les particuliers) ou du
  834.                 bon de commande signifie l’acceptation sans réserve des conditions générales de vente de notre
  835.                 association stipulées ci-dessous.
  836.             </p>
  837.             <h3>2. Prix</h3>
  838.             <p>Sauf indication spéciale, les prix ne comprennent pas la fourniture des équipements de travail,
  839.                 les chaussures de sécurité, les frais de transport, de restauration et d’hébergement, …</p>
  840.             <p>En revanche, ils incluent la documentation remise aux participants sous format papier et/ou
  841.                 numérique.</p>
  842.             <p>Les prix s’entendent hors taxes, ils sont à majorer du taux de TVA en vigueur à la date de
  843.                 facturation.</p>
  844.             <h3>3. Confirmation de la formation</h3>
  845.             <p>Les confirmations sont enregistrées au fur et à mesure de la réception de la convention de
  846.                 formation (ou contrat de formation pour les particuliers) signé(e) ou à défaut du bulletin
  847.                 d’inscription signé par l’entreprise.</p>
  848.             <p>La convention ou le contrat de formation doit être impérativement retournée à l’AFPMA signé(e)
  849.                 deux semaines minimum avant le début de la formation.</p>
  850.             <h3>4. Contenu des stages</h3>
  851.             <p>Le contenu des stages peut être amené à évoluer en cours de formation avec l’accord de
  852.                 l’entreprise ou du particulier.</p>
  853.             <h3>5. Documents légaux</h3>
  854.             <p>La convention ou le contrat de formation et la facture sont établis selon les textes en
  855.                 vigueur.</p>
  856.             <p>L’attestation de formation vous est adressée en deux exemplaires à l’issue de la formation.</p>
  857.             <p>Les titres et certifications obtenues vous seront adressés dans les meilleurs délais.</p>
  858.             <h3>6. Propriété intellectuelle</h3>
  859.             <p>Tous les droits de propriété intellectuelle, ainsi que le savoir-faire
  860.                 incorporé dans les documents transmis, notamment les supports de formation sous format papier
  861.                 et/ou numérique, demeurent la propriété de l’AFPMA.
  862.             </p>
  863.             <h3>7. Conditions de règlement</h3>
  864.             <p>Pour les particuliers, 100 % de la formation est due au démarrage avec échelonnement possible en
  865.                 fonction de la durée de la formation.</p>
  866.             <p>Pour l’entreprise :
  867.                 <br>
  868.                 La facture est adressée au demandeur ou à son organisme payeur :
  869.                 <br>
  870.                 <span>-</span><span>En fin d’action pour les actions réalisées sur moins de trois mois ;</span>
  871.                 <br>
  872.                 <span>-</span><span>Mensuellement pour les actions réalisées sur plus de trois mois.</span></p>
  873.         </div>
  874.         <div class="right-side-cgv">
  876.             <p>Chaque facture doit être acquittée au plus tard à 30 jours fin de mois sans escompte.</p>
  877.             <p>En cas de retard de paiement, toute somme non payée conformément</p>
  878.             <p>à l’échéance et aux conditions fixées, sera majorée d’intérêts de retard</p>
  879.             <p>calculés mensuellement à hauteur de vingt fois le taux légal en vigueur (article L441-1
  880.                 du Code de commerce) à compter de la date de démarrage du retard.
  881.             </p>
  882.             <p>Une indemnité forfaitaire pour frais de recouvrement de 40 € sera également due (article D441-5
  883.                 du Code de commerce).
  884.             </p>
  885.             <p>En cas de paiement assuré par un OPCO, l’entreprise devra communiquer l’information en amont du
  886.                 démarrage de la formation et effectuer toutes les démarches nécessaires auprès de son organisme
  887.                 payeur.</p>
  888.             <h3>8. Désistement du fait du client</h3>
  889.             <p>Toute annulation ou report d’inscription doit nous parvenir par écrit au plus tard dans les 10
  890.                 jours ouvrés avant le début du stage. Passé ce délai, l’AFPMA Formation sera fondée de réclamer
  891.                 les sommes suivantes à titre d’indemnités compensatoires :</p>
  892.             <table cellpadding=0 cellspacing=0>
  893.                 <tr style="border: solid 1px black;padding: 2px">
  894.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p><strong>Délai de
  895.                                 prévenance</strong></p></td>
  896.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p><strong>Formation
  897.                                 reportée par l’entreprise ou le particulier</strong></p></td>
  898.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p><strong>Formation
  899.                                 annulée par l’entreprise ou le particulier</strong></p></td>
  900.                 </tr>
  901.                 <tr style="border: solid 1px black;padding: 2px">
  902.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>Moins de 10 jours
  903.                             ouvrés</p></td>
  904.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>50 % du coût de la
  905.                             prestation</p></td>
  906.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>80 % du coût de la
  907.                             prestation</p></td>
  908.                 </tr>
  909.                 <tr>
  910.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>Moins de 5 jours
  911.                             ouvrés</p></td>
  912.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>80 % du coût de la
  913.                             prestation</p></td>
  914.                     <td style="border: solid 1px black;padding: 2px;text-align: center"><p>100 % du coût de la
  915.                             prestation</p></td>
  916.                 </tr>
  917.             </table>
  918.             <h3>9. Absences et / ou abandon</h3>
  919.             <p>Pour les actions de formation dont le coût est déterminé par individu, l’absence et/ou abandon
  920.                 feront l’objet d’une facturation égale à 100 % du coût prévu à titre d’indemnités
  921.                 compensatoires. Les absences pour cas de force majeure ne seront pas facturées. Les absences
  922.                 justifiées seront facturées dans la limite de 5 jours ouvrés par absence.</p>
  923.             <h3>10. Ajournement - Annulation du fait de l’AFPMA</h3>
  924.             <p>Certaines circonstances peuvent entraîner de la part de l’AFPMA Formation soit l’annulation d’une
  925.                 action, soit le report de celle-ci, notamment pour des raisons pédagogiques ou de cas de force
  926.                 majeure.
  927.             </p>
  928.             <p>Dans ce cas, les demandeurs en sont avisés, sauf cas de force majeure, au moins 5 jours ouvrés
  929.                 avant le début de l’action et ne peuvent donc prétendre à une quelconque indemnisation.</p>
  930.             <p>Pour autant, l’AFPMA Formation s’engage à reprendre contact rapidement avec les demandeurs pour
  931.                 leur proposer de nouvelles dates de réalisation de l’action.</p>
  932.             <h3>11. Litige</h3>
  933.             <p>En cas de litige quelconque relatif à l’interprétation ou à l’exécution du présent contrat, il
  934.                 est expressément attribué compétence au Tribunal d’Instance de Bourg en Bresse.</p>
  936.         </div>
  938.     </div>
  939. </div>
  941. </body>
  942. </html>