templates/section/cta.html.twig line 1

Open in your IDE?
  1. <!--
  2. <div class="wrap_footer" role="contentinfo" style="margin-bottom: -70px;">
  3.     <style id="elementor-post-4016">
  4.         .btn-telecharger:hover{ background-color: #fff !important; color: #ff6600 !important; } 
  5.         .elementor-4016 .elementor-element.elementor-element-4e59083{margin-top:0px;margin-bottom:-85px;z-index:1;}.elementor-4016 .elementor-element.elementor-element-7bcd71d > .elementor-background-overlay{background-image:url("https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/bg-get-mail.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4016 .elementor-element.elementor-element-7bcd71d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 40px 20px 40px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-wrapper{align-items:center;gap:30px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-stacked .elementor-icon{background-color:#DC3938;fill:#FFFFFF;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-framed .elementor-icon, .elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-default .elementor-icon{fill:#DC3938;color:#DC3938;border-color:#DC3938;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon{font-size:65px;padding:30px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon i{transform:rotate(-45deg);}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title, .elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title a{font-size:30px;font-weight:800;line-height:1.2em;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-description{font-weight:500;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button{background-color:#051A53;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:hover, .elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:focus{background-color:#FFFFFF;color:#D82221;}.elementor-4016 .elementor-element.elementor-element-df798f1{width:auto;max-width:auto;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:hover svg, .elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:focus svg{fill:#D82221;}.elementor-4016 .elementor-element.elementor-element-efefcd0:not(.elementor-motion-effects-element-type-background), .elementor-4016 .elementor-element.elementor-element-efefcd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051A53;}.elementor-4016 .elementor-element.elementor-element-efefcd0 > .elementor-background-overlay{background-image:url("https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/bg-footer.png");background-position:bottom right;background-repeat:no-repeat;opacity:0.1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4016 .elementor-element.elementor-element-efefcd0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:160px 0px 70px 0px;}.elementor-4016 .elementor-element.elementor-element-73fcaff > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-4016 .elementor-element.elementor-element-73fcaff{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-73fcaff a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-73fcaff  p{margin:0px 0px 0px 0px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:0px 60px 0px 60px;--e-column-margin-right:60px;--e-column-margin-left:60px;}.elementor-4016 .elementor-element.elementor-element-a44fc42 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4016 .elementor-element.elementor-element-a44fc42 .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-57dcb04{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-57dcb04 a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-57dcb04 a:hover{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-57dcb04  p{margin:0px 0px 0px 0px;}.elementor-4016 .elementor-element.elementor-element-0229c10 > .elementor-widget-container{margin:20px 0px 15px 0px;}.elementor-4016 .elementor-element.elementor-element-0229c10 .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .label{color:#7580A0;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .info .item{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .info .item a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .label{color:#7580A0;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .info .item{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .info .item a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-aeaa67c .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li > a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li.current-menu-item > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li.current-menu-parent > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li > a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li.current-menu-item > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li.current-menu-parent > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-7eb10dd:not(.elementor-motion-effects-element-type-background), .elementor-4016 .elementor-element.elementor-element-7eb10dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#082060;}.elementor-4016 .elementor-element.elementor-element-7eb10dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-4016 .elementor-element.elementor-element-7eb10dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-c014095.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-c014095.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-0ba8669{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-0ba8669 a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-0ba8669 a:hover{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-0ba8669  p{margin:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-a73ba00.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-a73ba00.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-2d0608a{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-widget-container{text-align:right;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon{background-color:#182F6C;--icon-padding:1em;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon i{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon svg{fill:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover{background-color:#D82221;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-icon.elementor-social-icon{display:inline-flex;}@media(max-width:1024px){.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:0px 0px 0px 35px;--e-column-margin-right:0px;--e-column-margin-left:35px;}.elementor-4016 .elementor-element.elementor-element-f981eb5 > .elementor-element-populated{margin:45px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-4016 .elementor-element.elementor-element-8ddc545{width:80%;}.elementor-4016 .elementor-element.elementor-element-37cb7f0{width:20%;}.elementor-4016 .elementor-element.elementor-element-d71e5e4{width:55%;}.elementor-4016 .elementor-element.elementor-element-9728be5{width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4016 .elementor-element.elementor-element-8ddc545{width:100%;}.elementor-4016 .elementor-element.elementor-element-37cb7f0{width:100%;}.elementor-4016 .elementor-element.elementor-element-175b778{width:50%;}.elementor-4016 .elementor-element.elementor-element-2394c3d{width:50%;}.elementor-4016 .elementor-element.elementor-element-f981eb5{width:100%;}}@media(max-width:767px){.elementor-4016 .elementor-element.elementor-element-7bcd71d{padding:30px 20px 30px 20px;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0 > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:45px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-widget-container{text-align:left;}}
  6.     </style>
  7.     <div data-elementor-type="wp-post" data-elementor-id="4016" class="elementor elementor-4016">
  8.         
  9.         <section class="elementor-section elementor-top-section elementor-element elementor-element-4e59083 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4e59083" data-element_type="section" data-e-type="section">
  10.             <div class="elementor-container elementor-column-gap-no">
  11.                 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-decf165" data-id="decf165" data-element_type="column" data-e-type="column">
  12.                     <div class="elementor-widget-wrap elementor-element-populated">
  13.                         
  14.                         
  15.                         <section class="elementor-section elementor-inner-section elementor-element elementor-element-7bcd71d elementor-section-full_width ova-section-primary-background elementor-section-height-default elementor-section-height-default" data-id="7bcd71d" data-element_type="section"
  16.                             data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
  17.                             <div class="elementor-background-overlay"></div>
  18.                             <div class="elementor-container elementor-column-gap-default" style="height: 150px;">
  19.                                 
  20.                                 <div class="row" style="width: 100%; padding: 0px; !important; margin: 0px;">
  21.                                     <div class="col-lg-2 col-md-2 col-sm-12" style="line-height: 30px !important;">
  22.                                         <div class="elementor-icon-box-icon" style="text-align: center !important; padding-top: 30px;">
  23.                                             <span class="elementor-icon">
  24.                                                 <i aria-hidden="true" class="fas fa-file-pdf fa-2x" style="color: white;"></i>                
  25.                                             </span>
  26.                                         </div>
  27.                                     </div>
  28.                                     <div class="col-lg-8 col-md-8 col-sm-12">
  29.                                         <div class="elementor-icon-box-content">
  30.                                             <h3 class="elementor-icon-box-title">
  31.                                                 <span style="color: white; font-size: 18px;">
  32.                                                     Téléchargez notre catalogue en ligne et découvrez en un seul document nos formations, 
  33.                                                     nos certifications, nos destinations ainsi que toutes les modalités d’inscription                        
  34.                                                 </span>
  35.                                             </h3>
  36.                                         </div>
  37.                                     </div>
  38.                                     <div class="col-lg-2 col-md-2 col-sm-12">
  39.                                         <div class="elementor-button-wrapper" style="text-align: center !important; padding-top: 40px;">
  40.                                             <a class="elementor-button elementor-button-link elementor-size-sm btn-telecharger" href="{{ asset('public/catalogues/Catalogue_2026_CIMEF_INTERNATIONAL.pdf') }}">
  41.                                                 <span class="elementor-button-content-wrapper">
  42.                                                     <span class="elementor-button-text">Télécharger</span>
  43.                                                 </span>
  44.                                             </a>
  45.                                         </div>
  46.                                     </div>
  47.                                 </div>
  48.   
  49.                             </div>
  50.                         </section>
  51.                         
  52.                     
  53.                     </div>
  54.                 </div>
  55.             </div>
  56.         </section>
  57.     </div>
  58. </div>
  59. -->
  61. <style>
  63.     #cta{
  64.         margin-bottom: -100px;
  65.         z-index: 99 !important;
  66.         position: relative;
  67.     }
  68.     .line{
  69.         border: 1px solid #fff !important;
  70.         background-color: #fff !important;
  71.     }
  72.     .subtitle ,.title{
  73.         font-family: arial !important;
  74.         color: #fff !important;
  75.         font-weight: bolder;
  76.     }
  77.     .titre-form{
  78.         font-size: 30px !important;
  79.     }
  80.     .item{
  81.         list-style: none;
  82.     }
  83.     .text-catalogue{
  84.         font-size: 18px; font-family: arial; color: #fff;;
  85.     }
  86.     .taille-cta {
  87.          height: 330px;
  88.     }
  89.     #cadre-catalogue{
  90.         padding-left: 100px !important; width: 100%;
  91.     }
  92.     @media (min-width: 576px) {
  93.         .text-catalogue{
  94.             font-size: 18px; font-family: arial; color: #fff; margin-left: 10px !important;
  95.         }
  96.         #cadre-catalogue{
  97.             padding-left: 100px !important; width: 100%;
  98.         }
  99.     }
  100.     @media (max-width: 576px) {
  101.   .col-md-3 {
  102.       padding: 10px;
  103.     flex: 0 0 100% !important;
  104.     max-width: 100% !important;
  105.   }
  106. }
  107. @media (max-width: 767px) {
  108.     .text-zone {
  109.         width: 100% !important;
  110.         flex: 0 0 100%;
  111.         max-width: 100%;
  112.         padding: 20px !important;
  113.     }
  114.     .taille-cta {
  115.          height: auto;
  116.     }
  117. }
  118. </style>
  119. <div class="wrap_footer" id="cta" role="contentinfo">
  120.     <style id="elementor-post-4016">
  121.         .btn-telecharger{ border-radius: 0px !important; height: 50px !important; width: 100% !important; }
  122.         .btn-telecharger:hover{ background-color: #fff !important; color: #ff6600 !important; } 
  123.         .elementor-4016 .elementor-element.elementor-element-4e59083{margin-top:0px;margin-bottom:-85px;z-index:1;}.elementor-4016 .elementor-element.elementor-element-7bcd71d > .elementor-background-overlay{background-image:url("https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/bg-get-mail.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4016 .elementor-element.elementor-element-7bcd71d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 40px 20px 40px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-wrapper{align-items:center;gap:30px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title{margin-block-end:5px;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-stacked .elementor-icon{background-color:#DC3938;fill:#FFFFFF;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-framed .elementor-icon, .elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-default .elementor-icon{fill:#DC3938;color:#DC3938;border-color:#DC3938;}.elementor-4016 .elementor-element.elementor-element-3850799.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon{font-size:65px;padding:30px;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon i{transform:rotate(-45deg);}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title, .elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-title a{font-size:30px;font-weight:800;line-height:1.2em;}.elementor-4016 .elementor-element.elementor-element-3850799 .elementor-icon-box-description{font-weight:500;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button{background-color:#051A53;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:hover, .elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:focus{background-color:#FFFFFF;color:#D82221;}.elementor-4016 .elementor-element.elementor-element-df798f1{width:auto;max-width:auto;}.elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:hover svg, .elementor-4016 .elementor-element.elementor-element-df798f1 .elementor-button:focus svg{fill:#D82221;}.elementor-4016 .elementor-element.elementor-element-efefcd0:not(.elementor-motion-effects-element-type-background), .elementor-4016 .elementor-element.elementor-element-efefcd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051A53;}.elementor-4016 .elementor-element.elementor-element-efefcd0 > .elementor-background-overlay{background-image:url("https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/06/bg-footer.png");background-position:bottom right;background-repeat:no-repeat;opacity:0.1;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4016 .elementor-element.elementor-element-efefcd0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:160px 0px 70px 0px;}.elementor-4016 .elementor-element.elementor-element-73fcaff > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-4016 .elementor-element.elementor-element-73fcaff{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-73fcaff a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-73fcaff  p{margin:0px 0px 0px 0px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:0px 60px 0px 60px;--e-column-margin-right:60px;--e-column-margin-left:60px;}.elementor-4016 .elementor-element.elementor-element-a44fc42 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-4016 .elementor-element.elementor-element-a44fc42 .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-57dcb04{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-57dcb04 a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-57dcb04 a:hover{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-57dcb04  p{margin:0px 0px 0px 0px;}.elementor-4016 .elementor-element.elementor-element-0229c10 > .elementor-widget-container{margin:20px 0px 15px 0px;}.elementor-4016 .elementor-element.elementor-element-0229c10 .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .label{color:#7580A0;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .info .item{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-4c5e3c9 .ova-contact-info-2 .contact .info .item a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .label{color:#7580A0;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .info .item{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-e06a56f .ova-contact-info-2 .contact .info .item a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-aeaa67c .elementor-heading-title{font-size:20px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li > a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li.current-menu-item > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-bb5454d .ova-menu-footer .menu li.current-menu-parent > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li > a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li.current-menu-item > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-3d8942c .ova-menu-footer .menu li.current-menu-parent > a{color:#D82221;}.elementor-4016 .elementor-element.elementor-element-7eb10dd:not(.elementor-motion-effects-element-type-background), .elementor-4016 .elementor-element.elementor-element-7eb10dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#082060;}.elementor-4016 .elementor-element.elementor-element-7eb10dd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-4016 .elementor-element.elementor-element-7eb10dd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-c014095.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-c014095.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-0ba8669{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-0ba8669 a{color:#9BA6C5;}.elementor-4016 .elementor-element.elementor-element-0ba8669 a:hover{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-0ba8669  p{margin:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-4016 .elementor-element.elementor-element-a73ba00.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4016 .elementor-element.elementor-element-a73ba00.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4016 .elementor-element.elementor-element-2d0608a{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-widget-container{text-align:right;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon{background-color:#182F6C;--icon-padding:1em;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon i{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon svg{fill:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover{background-color:#D82221;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover i{color:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-social-icon:hover svg{fill:#FFFFFF;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-icon.elementor-social-icon{display:inline-flex;}@media(max-width:1024px){.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:0px 0px 0px 35px;--e-column-margin-right:0px;--e-column-margin-left:35px;}.elementor-4016 .elementor-element.elementor-element-f981eb5 > .elementor-element-populated{margin:45px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-4016 .elementor-element.elementor-element-8ddc545{width:80%;}.elementor-4016 .elementor-element.elementor-element-37cb7f0{width:20%;}.elementor-4016 .elementor-element.elementor-element-d71e5e4{width:55%;}.elementor-4016 .elementor-element.elementor-element-9728be5{width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4016 .elementor-element.elementor-element-8ddc545{width:100%;}.elementor-4016 .elementor-element.elementor-element-37cb7f0{width:100%;}.elementor-4016 .elementor-element.elementor-element-175b778{width:50%;}.elementor-4016 .elementor-element.elementor-element-2394c3d{width:50%;}.elementor-4016 .elementor-element.elementor-element-f981eb5{width:100%;}}@media(max-width:767px){.elementor-4016 .elementor-element.elementor-element-7bcd71d{padding:30px 20px 30px 20px;}.elementor-4016 .elementor-element.elementor-element-37cb7f0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4016 .elementor-element.elementor-element-37cb7f0 > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4016 .elementor-element.elementor-element-2394c3d > .elementor-element-populated{margin:45px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4016 .elementor-element.elementor-element-2d0608a .elementor-widget-container{text-align:left;}}
  124.     </style>
  125.     <section class="elementor-section elementor-top-section elementor-element elementor-element-2e39ac1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2e39ac1" data-element_type="section" data-e-type="section">
  126.         <div class="elementor-container elementor-column-gap-no">
  127.             <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad6189b" data-id="ad6189b" data-element_type="column" data-e-type="column">
  128.                 <div class="elementor-widget-wrap elementor-element-populated">
  129.                     <section class="elementor-section elementor-inner-section elementor-element elementor-element-2086139 elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="2086139" data-element_type="section"
  130.                     data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
  131.                         <div style="background: #ff6600;" id="taille-cta" class="elementor-container elementor-column-gap-no">
  132.                             <div class="row container" style="width: 100%; margin:0px; border">
  133.                                 <div class="col-lg-4 col-md-4 col-sm-12 elementor-widget-wrap elementor-element-populated">
  134.                                     <div class="elementor-element elementor-element-47efd01 elementor-widget elementor-widget-image" data-id="47efd01" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
  135.                                         <div class="elementor-widget-container">
  136.                                             <img style="margin-top: -86px;" loading="lazy" decoding="async" width="286" height="650" src="{{ asset('public/inter/image_3.png') }}" 
  137.                                             class="attachment-large size-large wp-image-13918" alt="catalogue-cimef-international-2026" srcset="{{ asset('public/inter/image_3.png') }}"
  138.                                             sizes="(max-width: 189px) 100vw, 189px"/> </div>
  139.                                     </div>
  140.                                 </div>
  141.                                 <div class="col-lg-3 col-md-3 col-sm-12 text-zone">
  142.                                     <!--
  143.                                     <div style="height:50px; background:yellow;"></div>
  144.                                     -->
  145.                                     <div style="margin-top: 30px;" >
  146.                                         <div class="">
  147.                                             <div class="">
  148.                                                 <div class="elementor-widget-container">
  149.                                                     <div class="ova-heading template_1">
  150.                                                         <span class="line"></span>
  151.                                                         <span class="subtitle">Notre catalogue</span>
  152.                                                         <h2 class="title titre-form">Formation<br> 2026</h2>
  153.                                                     </div>
  154.                                                 </div>
  155.                                             </div>
  156.                                             <div style="width: 100% !important; margin: 0px !important;">
  157.                                                 <div class="" style="width: 100% !important;" >
  158.                                                     
  159.                                                         <a style="line-height: 20px; margin-top: 20px;" target="_blank"
  160.                                                         class="btn-telecharger elementor-button elementor-button-link elementor-size-sm" href="{{ path('front.catalogue') }}">
  161.                                                             <span class="elementor-button-content-wrapper">
  162.                                                                 <span class="elementor-button-text">Découvrir notre catalogue</span>
  163.                                                             </span>
  164.                                                         </a>
  165.                                                     
  166.                                                         <a style="margin-top: 10px; line-height: 20px;" target="_blank"
  167.                                                         class="btn-telecharger elementor-button elementor-button-link elementor-size-sm" 
  168.                                                         href="{{ asset('public/catalogues/Catalogue_2026_CIMEF_INTERNATIONAL.pdf') }}">
  169.                                                             <span class="elementor-button-content-wrapper">
  170.                                                                 <span class="elementor-button-text"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Télécharger notre catalogue 
  171. </span>
  172.                                                             </span>
  173.                                                         </a>
  175.                                                 </div>
  176.                                             </div>
  177.                                         </div>
  178.                                     </div>
  180.                                 </div>
  181.                                 <div class="col-lg-5 col-md-5 col-sm-12" style="padding: 10px;">
  182.                                     
  184.                                     <div class="elementor-widget-wrap elementor-element-populated" style="padding-top: 70px !important;">
  185.                                         <div class="elementor-widget-container">
  186.                                             <p class="text-catalogue">Téléchargez notre catalogue en ligne et accédez à : </p>
  187.                                         </div>
  188.                                         <div class="row" style="margin-top: -20px;">
  189.                                             <div class="col-lg-10 col-md-10 col-sm-12">
  190.                                                 <div class="ova-sev-list-2 template_1 two_columns">
  191.                                                     <ul class="wrapper">
  192.                                                         <li class="item">
  193.                                                             <a href="#" class="title" style="font-size: 18px !important;" title="Online Financial Services">
  194.                                                                 <i class="fas fa-angle-double-right" aria-hidden="true"></i> N<span style="text-transform: lowercase !important;">os formations</span>  
  195.                                                             </a>
  196.                                                         </li>
  197.                                                         <li class="item">
  198.                                                             <a href="#" class="title" style="font-size: 18px !important;" title="Online Financial Services">
  199.                                                                 <i class="fas fa-angle-double-right" aria-hidden="true"></i> N<span style="text-transform: lowercase !important;">os certifications</span>
  200.                                                             </a>
  201.                                                         </li>
  202.                                                         <li class="item">
  203.                                                             <a href="#" class="title" style="font-size: 18px !important;" title="Online Court Services">
  204.                                                                 <i class="fas fa-angle-double-right" aria-hidden="true"></i> N<span style="text-transform: lowercase !important;">os centres</span>  
  205.                                                             </a>
  206.                                                         </li>
  207.                                                         <li class="item">
  208.                                                             <a href="#" class="title" style="font-size: 18px !important;" title="Public Service Identity">
  209.                                                                 <i class="fas fa-angle-double-right" aria-hidden="true"></i> N<span style="text-transform: lowercase !important;">os modalités d’inscription</span>  
  210.                                                             </a>
  211.                                                         </li>
  212.                                                     </ul>
  213.                                                 </div>
  214.                                             </div>
  215.                                             <div class="col-lg-2 col-md-2 col-sm-12"></div>
  216.                                         </div>
  217.                                     </div>       
  218.                                     
  219.                                     
  220.                                     
  221.                                 </div>
  222.                             </div>
  223.                         <!--
  224.                             <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a2d1f52" data-id="a2d1f52" data-element_type="column" data-e-type="column">
  225.                                 <div class="elementor-widget-wrap elementor-element-populated">
  226.                                     <div class="elementor-element elementor-element-47efd01 elementor-widget elementor-widget-image" data-id="47efd01" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
  227.                                         <div class="elementor-widget-container">
  228.                                             <img style="margin-top: -30px;" loading="lazy" decoding="async" width="189" height="417" src="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/09/woman-2.png" class="attachment-large size-large wp-image-13918" alt="" srcset="https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/09/woman-2.png 189w, https://demo.ovathemewp.com/gimont/wp-content/uploads/2023/09/woman-2-136x300.png 136w"
  229.                                             sizes="(max-width: 189px) 100vw, 189px"/> </div>
  230.                                     </div>
  231.                                 </div>
  232.                             </div>
  233.                             <div style="margin-top: 30px; padding: 10px !important;" class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-82495ae" data-id="82495ae" data-element_type="column" data-e-type="column">
  234.                                 <div class="elementor-widget-wrap elementor-element-populated">
  235.                                     <div class="elementor-element elementor-element-2f21edd elementor-widget elementor-widget-gimont_elementor_heading" data-id="2f21edd" data-element_type="widget" data-e-type="widget" data-widget_type="gimont_elementor_heading.default">
  236.                                         <div class="elementor-widget-container">
  237.                                             <div class="ova-heading template_1">
  238.                                                 <span class="line"></span>
  239.                                                 <span class="subtitle">Notre catalogue</span>
  240.                                                 <h2 class="title">Formation<br> 2026</h2>
  241.                                             </div>
  242.                                         </div>
  243.                                     </div>
  244.                                     <div class="elementor-element elementor-element-a124701 elementor-widget elementor-widget-button" data-id="a124701" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
  245.                                         <div class="elementor-widget-container">
  246.                                             <div class="elementor-button-wrapper">
  247.                                                 <a class="btn-telecharger elementor-button elementor-button-link elementor-size-sm" href="https://demo.ovathemewp.com/gimont/ova_sev/">
  248.                                                     <span class="elementor-button-content-wrapper">
  249.                                                         <span class="elementor-button-text">View All Priorities</span>
  250.                                                     </span>
  251.                                                 </a>
  252.                                             </div>
  253.                                             <div class="elementor-button-wrapper" style="margin-top: 20px;">
  254.                                                 <a class="btn-telecharger elementor-button elementor-button-link elementor-size-sm" href="https://demo.ovathemewp.com/gimont/ova_sev/">
  255.                                                     <span class="elementor-button-content-wrapper">
  256.                                                         <span class="elementor-button-text">View All Priorities</span>
  257.                                                     </span>
  258.                                                 </a>
  259.                                             </div>
  260.                                         </div>
  261.                                     </div>
  262.                                 </div>
  263.                             </div>
  264.                             <div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-3e81796" data-id="3e81796" data-element_type="column" data-e-type="column">
  265.                                 <div class="elementor-widget-wrap elementor-element-populated" style="padding-top: 90px !important;">
  266.                                     <div class="elementor-widget-container">
  267.                                         <p class="text-catalogue">Téléchargez notre catalogue en ligne et accédez à : </p>
  268.                                     </div>
  269.                                     <div class="row" style="margin-top: -20px;">
  270.                                         <div class="col-lg-7 col-md-7 col-sm-12">
  271.                                             <div class="ova-sev-list-2 template_1 two_columns">
  272.                                                 <ul class="wrapper">
  273.                                                     <li class="item">
  274.                                                         <a href="#" class="title" title="Online Financial Services">
  275.                                                             <i class="fas fa-angle-double-right" aria-hidden="true"></i> Nos formations  
  276.                                                         </a>
  277.                                                     </li>
  278.                                                     <li class="item">
  279.                                                         <a href="#" class="title" title="Online Financial Services">
  280.                                                             <i class="fas fa-angle-double-right" aria-hidden="true"></i> Nos certifications
  281.                                                         </a>
  282.                                                     </li>
  283.                                                     <li class="item">
  284.                                                         <a href="#" class="title" title="Online Court Services">
  285.                                                             <i class="fas fa-angle-double-right" aria-hidden="true"></i> Nos centres 
  286.                                                         </a>
  287.                                                     </li>
  288.                                                     <li class="item">
  289.                                                         <a href="#" class="title" title="Public Service Identity">
  290.                                                             <i class="fas fa-angle-double-right" aria-hidden="true"></i> Nos modalités d’inscription 
  291.                                                         </a>
  292.                                                     </li>
  293.                                                 </ul>
  294.                                             </div>
  295.                                         </div>
  296.                                         <div class="col-lg-4 col-md-4 col-sm-12"></div>
  297.                                     </div>
  298.                                 </div>
  299.                             </div>
  300.                         -->
  301.                         </div>
  302.                     </section>
  303.                 </div>
  304.             </div>
  305.         </div>
  306.     </section>
  308. </div>