templates/Theme/layoutoffert.html.twig line 1581

Open in your IDE?
  1. <!DOCTYPE HTML>
  2. <html class="windows x86 js win7up x64 is-modern-browser loaded" lang="fr" dir="ltr" data-latest-firefox="71.0" data-esr-versions="68.3.0" data-gtm-container-id="GTM-MW3R8V" data-gtm-page-id="Homepage" data-stub-attribution-rate="1.0">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  5.   <meta name="viewport" content="width=device-width, initial-scale=1"/>
  6.   {% block meta %} {% endblock %}
  7.   <link rel="icon" type="image/png" sizes="196x196" href="https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png"/>
  8.   <!-- For Windows Phone -->
  9.   <title>{% block title %}{{ site }}{% endblock %}</title>
  10.   {% block stylesheets %}
  11.   
  12.     <script type="text/javascript" src="{{ asset('templatehome/js/site.133e404d326d.js') }}" charset="utf-8"></script>
  13.     <script src="{{ asset('templatehome/js/jquery-3.4.1.min.js') }}"></script>
  14.     <script src="https://assets.website-files.com/5d76680dc57fa0f42dcfe0c5/js/lottieflow.b96c071c3.js" type="text/javascript"></script>
  15.     <link rel="icon" type="image/png" sizes="196x196" href="https://www.mozilla.org/media/img/favicons/mozilla/favicon-196x196.2af054fea211.png"/>
  17.     <link rel="stylesheet" type="text/css" href="{{ asset('template/css/fontsaps.css') }}" />
  18.     <link href="{{ asset('template/css/bootstrap.min.css') }}" rel="stylesheet"/>
  19.     <link href="{{ asset('template/css/font-awesome.min.css') }}" rel="stylesheet"/>
  20.     <link href="{{ asset('templatehome/css/protocol-core.f0fd276209f6.css') }}" rel="stylesheet" type="text/css"/>
  21.     <link href="{{ asset('templatehome/css/home-2018.1f2e7180ad73.css') }}" rel="stylesheet" type="text/css"/>
  22.     <!--===============================================================================================-->
  23.     <link rel="stylesheet" type="text/css" href="{{ asset('template/login/vendor/bootstrap/css/bootstrap.min.css') }}"/>
  24.     <style>
  25.         .my-fixed-nav{
  26.             position: fixed!important; top: 0px!important; z-index: 100; width: 100%!important;
  27.             box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  28.         }
  29.         .lightblue-fullback{background-color:#f7f9fc;border-top:1px solid #d9e1ed;border-bottom:1px solid #d9e1ed}
  30.         .minicallout span{padding:20px 0}
  31.         .minicallout span{display:block;margin:0 auto;padding:50px 0 50px 0;text-align:center}.minicallout span img{padding-right:10px}
  32.         
  33.         .c-navigation-breadcrumbs__directory {
  34.           display: flex;
  35.         }
  36.         .c-navigation-breadcrumbs__link:link {
  37.           color: #007c89;
  38.         }
  39.         .c-navigation-breadcrumbs__link:link:hover {
  40.           background-image: linear-gradient(currentColor, currentColor);
  41.           background-size: auto 1px;
  42.           background-repeat: repeat-x;
  43.           background-position: 0 calc(50% + 1ex);
  44.         }
  45.         @media (max-width: 500px) {
  46.           .c-navigation-breadcrumbs__item:not(:nth-last-child(2)) {
  47.             display: none;
  48.           }
  49.           .c-navigation-breadcrumbs__link:before {
  50.             display: inline-block;
  51.             content: '\200b';
  52.             background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007c89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") center/16px 16px no-repeat;
  53.             width: 16px;
  54.           }
  55.         }
  56.         @media (min-width: 501px) {
  57.           .c-navigation-breadcrumbs__item:nth-last-child(n+2):after {
  58.             display: inline-block;
  59.             content: '\200b';
  60.             background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") center/16px 16px no-repeat;
  61.             width: 16px;
  62.             margin: 0 8px;
  63.           }
  64.           .c-navigation-breadcrumbs__link {
  65.             display: block;
  66.             float: left;
  67.           }
  68.         }
  71.         .breadcrumbs {
  72.           list-style: none;
  73.           margin: 0px 0px 16px 0px;
  74.           padding: 0;
  75.         }
  77.         .breadcrumbs li {
  78.           list-style: none;
  79.           margin: 0;
  80.           padding: 0;
  81.           display: block;
  82.           float: left;
  83.           font-family: Montserrat,sans-serif;
  84.           text-transform: capitalize;
  85.           font-weight: 700;
  86.           letter-spacing: .05em;
  87.           line-height: 20px;
  88.           color: hsl(0, 0%, 30%);
  89.         }
  91.         .breadcrumbs li a {
  92.           display: block;
  93.           padding: 0 40px 0 0px;
  94.           color: hsl(0, 0%, 30%);
  95.           text-decoration: none;
  96.           height: 20px;
  97.           position: relative;
  98.           perspective: 700px;
  99.         }
  101.         .breadcrumbs li a:after {
  102.           content: '';
  103.           width: 20px;
  104.           height: 20px;
  105.           border-color: #333;
  106.           border-style: solid;
  107.           border-width: 1px 1px 0 0;
  108.           
  109.           -webkit-backface-visibility: hidden;
  110.           outline: 1px solid transparent;
  111.           
  112.           position: absolute;
  113.           right: 20px;
  114.           -webkit-transition: all .15s ease;
  115.              -moz-transition: all .15s ease;
  116.               -ms-transition: all .15s ease;
  117.                   transition: all .15s ease;
  118.           -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
  119.              -moz-transform: rotateZ(45deg) skew(10deg, 10deg);
  120.               -ms-transform: rotateZ(45deg) skew(10deg, 10deg);
  121.                   transform: rotateZ(45deg) skew(10deg, 10deg);
  122.         }
  124.         .breadcrumbs li a:hover:after {
  125.           right: 15px;
  126.           -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
  127.              -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
  128.               -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
  129.                   transform: rotateZ(45deg) skew(-10deg, -10deg);
  130.         }
  131.         .list-group-item:hover{
  132.             background: #f2f2f2;
  133.             cursor: pointer;
  134.         }
  135.         
  136.     .my-svg {
  137.       position: absolute;
  138.     }
  139.     .demo {
  140.       height: 150px;
  141.       background: rgba(0,0,0,0.1);
  142.       margin-bottom: 20px;
  143.     }
  144.     .demo__buttons {
  145.       position: absolute;
  146.       top: 50%;
  147.       left: 50%;
  148.       width: 200px;
  149.       height: 200px;
  150.       -webkit-transform: translate(-100px, -100px);
  151.               transform: translate(-100px, -100px);
  152.       -webkit-filter: url("#goo");
  153.               filter: url("#goo");
  154.     }
  155.     .demo__buttons.step-0 .demo__social-btn-1, .demo__buttons.step-0 .demo__social-btn-2, .demo__buttons.step-0 .demo__social-btn-3, .demo__buttons.step-0 .demo__social-btn-4 {
  156.       -webkit-transform: translate3d(-50px, -50px, 0);
  157.               transform: translate3d(-50px, -50px, 0);
  158.     }
  159.     .demo__buttons.step-1 .demo__social-btn-1 {
  160.       -webkit-transform: translate3d(-50px, -50px, 0);
  161.               transform: translate3d(-50px, -50px, 0);
  162.     }
  163.     .demo__buttons.step-1 .demo__social-btn-2, .demo__buttons.step-1 .demo__social-btn-3, .demo__buttons.step-1 .demo__social-btn-4 {
  164.       -webkit-transform: translate3d(-50px, 50px, 0);
  165.               transform: translate3d(-50px, 50px, 0);
  166.     }
  167.     .demo__buttons.step-2 .demo__social-btn-1 {
  168.       -webkit-transform: translate3d(-50px, -50px, 0);
  169.               transform: translate3d(-50px, -50px, 0);
  170.     }
  171.     .demo__buttons.step-2 .demo__social-btn-2 {
  172.       -webkit-transform: translate3d(-50px, 50px, 0);
  173.               transform: translate3d(-50px, 50px, 0);
  174.     }
  175.     .demo__buttons.step-2 .demo__social-btn-3, .demo__buttons.step-2 .demo__social-btn-4 {
  176.       -webkit-transform: translate3d(50px, 50px, 0);
  177.               transform: translate3d(50px, 50px, 0);
  178.     }
  179.     .demo__buttons.step-3 .demo__social-btn-1 {
  180.       -webkit-transform: translate3d(-50px, -50px, 0);
  181.               transform: translate3d(-50px, -50px, 0);
  182.     }
  183.     .demo__buttons.step-3 .demo__social-btn-2 {
  184.       -webkit-transform: translate3d(-50px, 50px, 0);
  185.               transform: translate3d(-50px, 50px, 0);
  186.     }
  187.     .demo__buttons.step-3 .demo__social-btn-3 {
  188.       -webkit-transform: translate3d(50px, 50px, 0);
  189.               transform: translate3d(50px, 50px, 0);
  190.     }
  191.     .demo__buttons.step-3 .demo__social-btn-4 {
  192.       -webkit-transform: translate3d(50px, -50px, 0);
  193.               transform: translate3d(50px, -50px, 0);
  194.     }
  195.     .demo__social-btn {
  196.       position: absolute;
  197.       left: 65px;
  198.       top: 65px;
  199.       width: 70px;
  200.       height: 70px;
  201.       text-align: center;
  202.       line-height: 70px;
  203.       font-size: 30px;
  204.       background: white;
  205.       color: #261758;
  206.       border-radius: 50%;
  207.       cursor: pointer;
  208.       transition: all 0.2s ease;
  209.       z-index: 1000;
  210.     }
  211.     .demo__social-btn:hover {
  212.       color: #106279;
  213.       box-shadow: 0 0 15px white;
  214.     }
  215.     .demo__open-btn {
  216.       position: absolute;
  217.       left: 65px;
  218.       top: 65px;
  219.       width: 70px;
  220.       height: 70px;
  221.       text-align: center;
  222.       line-height: 70px;
  223.       font-weight: 700;
  224.       font-size: 30px;
  225.       font-family: sans-serif;
  226.       background: white;
  227.       color: #261758;
  228.       border-radius: 50%;
  229.       cursor: pointer;
  230.       transition: all 0.2s ease;
  231.       z-index: 1001;
  232.     }
  233.     .demo__open-btn:hover {
  234.       color: #106279;
  235.       box-shadow: 0 0 15px white;
  236.     }
  237.     
  238.     
  239.     /*
  240.     ---------------------------------------------
  241.     Start Modal SPP
  242.     -------------------------------------------------
  243.     */
  244.     /*
  245.     html.sppmodal-active, body.sppmodal-active {
  246.       overflow: hidden;
  247.     }
  248.     */
  249.     .sppmodal-container {
  250.       position: fixed;  /*Mettre à fixed si la classe sppmodal-active est appliqué à l'élément body*/
  251.       display: table;
  252.       height:100%;
  253.       width: 100%;
  254.       top: 0;
  255.       left: 0;
  256.       transform: scale(0);
  257.       z-index: 1000;
  258.     }
  259.     .sppmodal-container.one {
  260.       transform: scaleY(0.01) scaleX(0);
  261.       animation: unfoldIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  262.     }
  263.     .sppmodal-container.one .sppmodal-background .sppmodal {
  264.       transform: scale(0);
  265.       animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  266.     }
  267.     .sppmodal-container.one.out {
  268.       transform: scale(1);
  269.       animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  270.     }
  271.     .sppmodal-container.one.out .sppmodal-background .sppmodal {
  272.       animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  273.     }
  275.     .sppmodal-container .sppmodal-background{
  276.       display: table-cell;
  277.       background: rgba(247, 248, 251,0.8)!important;
  278.       text-align: center;
  279.       vertical-align: middle;
  280.     }
  281.     .sppmodal-container .sppmodal-background .sppmodal {
  282.         padding: 0px 0px 55px 0px;
  283.         display: inline-block;
  284.         position: relative;
  285.         min-height: 300px;
  286.         width: 500px;
  287.         font-family: Arial;
  288.         font-size: 13px;
  289.         font-weight: 400;
  290.         text-align: center;
  291.         line-height: 18px;
  292.         color:  #333;
  293.         background-color: #FFFFFF;
  294.         background-repeat: repeat;
  295.         background-position: left top;
  296.         border: 1px solid  #F1F3F9;
  297.         border-radius: 4px;
  298.         box-shadow: 0px 2px 5px 1px #999999;
  299.     }
  301.     .sppmodal-container .sppmodal-background .sppmodal h2 {
  302.       font-size: 25px;
  303.       line-height: 25px;
  304.       margin-bottom: 15px;
  305.     }
  306.     .sppmodal-container .sppmodal-background .sppmodal p {
  307.       font-size: 18px;
  308.       line-height: 22px;
  309.     }
  310.     .sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg {
  311.       position: absolute;
  312.       top: 0;
  313.       left: 0;
  314.       height: 100%;
  315.       width: 100%;
  316.       border-radius: 3px;
  317.     }
  318.     .sppmodal-container .sppmodal-background .sppmodal .sppmodal-svg rect {
  319.       stroke: #fff;
  320.       stroke-width: 2px;
  321.       stroke-dasharray: 778;
  322.       stroke-dashoffset: 778;
  323.     }
  325.     @keyframes unfoldIn {
  326.       0% {
  327.         transform: scaleY(0.005) scaleX(0);
  328.       }
  329.       50% {
  330.         transform: scaleY(0.005) scaleX(1);
  331.       }
  332.       100% {
  333.         transform: scaleY(1) scaleX(1);
  334.       }
  335.     }
  336.     @keyframes unfoldOut {
  337.       0% {
  338.         transform: scaleY(1) scaleX(1);
  339.       }
  340.       50% {
  341.         transform: scaleY(0.005) scaleX(1);
  342.       }
  343.       100% {
  344.         transform: scaleY(0.005) scaleX(0);
  345.       }
  346.     }
  347.     @keyframes zoomIn {
  348.       0% {
  349.         transform: scale(0);
  350.       }
  351.       100% {
  352.         transform: scale(1);
  353.       }
  354.     }
  355.     @keyframes zoomOut {
  356.       0% {
  357.         transform: scale(1);
  358.       }
  359.       100% {
  360.         transform: scale(0);
  361.       }
  362.     }
  364.     /*
  365.     --------------------------------------
  366.     End Modal SPP
  367.     --------------------------------------
  368.     */
  371.     .silly_scrollbar {
  372.         height:750px;
  373.         -webkit-box-sizing: border-box;
  374.         padding:0 14px;
  375.         overflow:auto;
  376.         paddin-top: 15px;
  377.     }
  379.     .silly_scrollbar::-webkit-scrollbar {
  380.         width: 12px;
  381.     }
  382.      
  383.     .silly_scrollbar::-webkit-scrollbar-track {
  384.         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  385.         border-radius: 10px;
  386.     }
  387.      
  388.     .silly_scrollbar::-webkit-scrollbar-thumb {
  389.         border-radius: 10px;
  390.         -webkit-box-shadow: inset 0 0 6px red; 
  391.     }
  393.     .silly_scrollbar::-webkit-scrollbar-thumb:hover {
  394.         -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
  395.     }
  397.     .list-group-item {
  398.       user-select: none;
  399.     }
  401.     .list-group input[type="checkbox"] {
  402.       display: none;
  403.     }
  405.     .list-group input[type="checkbox"] + .list-group-item {
  406.       cursor: pointer;
  407.     }
  409.     .list-group input[type="checkbox"] + .list-group-item:before {
  410.       content: "\2713";
  411.       color: transparent;
  412.       font-weight: bold;
  413.       margin-right: 1em;
  414.     }
  416.     .list-group input[type="checkbox"]:checked + .list-group-item {
  417.       background-color: #0275D8;
  418.       color: #FFF;
  419.     }
  421.     .list-group input[type="checkbox"]:checked + .list-group-item:before {
  422.       color: inherit;
  423.     }
  425.     .list-group input[type="radio"] {
  426.       display: none;
  427.     }
  429.     .list-group input[type="radio"] + .list-group-item {
  430.       cursor: pointer;
  431.     }
  433.     .list-group input[type="radio"] + .list-group-item:before {
  434.       content: "\f096";
  435.       color: transparent;
  436.       font-weight: bold;
  437.       margin-right: 1em;
  438.       color: #333;
  439.       font-size: 25px!important;
  440.       font-weight: bold!important;
  441.       margin-top: 5px;
  442.     }
  444.     .list-group input[type="radio"]:checked + .list-group-item:before {
  445.       content: "\2713";
  446.       color: transparent;
  447.       font-weight: bold;
  448.       margin-right: 1em;
  449.       font-size: 16px!important;
  450.     }
  452.     .list-group input[type="radio"]:checked + .list-group-item {
  453.       background-color: #0275D8;
  454.       color: #FFF;
  455.     }
  457.     .list-group input[type="radio"]:checked + .list-group-item:before {
  458.       color: inherit;
  459.     }
  462.     .progressbar {
  463.       counter-reset: step;
  464.     }
  465.     .progressbar li {
  466.       list-style: none;
  467.       display: inline-block;
  468.       width: 30.33%;
  469.       position: relative;
  470.       text-align: center;
  471.       cursor: pointer;
  472.     }
  473.     .progressbar li:before {
  474.       content: counter(step);
  475.       counter-increment: step;
  476.       width: 30px;
  477.       height: 30px;
  478.       line-height : 30px;
  479.       border: 1px solid #ddd;
  480.       border-radius: 100%;
  481.       display: block;
  482.       text-align: center;
  483.       margin: 0 auto 0px auto;
  484.       background-color: #fff;
  485.       position: relative;
  486.       z-index: 1;
  487.     }
  488.     .progressbar li:after {
  489.       content: "";
  490.       position: absolute;
  491.       width: 100%;
  492.       height: 1px;
  493.       background-color: #ddd;
  494.       top: 15px;
  495.       left: -50%;
  496.       z-index : 0;
  497.     }
  498.     .progressbar li:first-child:after {
  499.       content: none;
  500.     }
  501.     .progressbar li.active {
  502.       color: green;
  503.       font-weight: bold;
  504.     }
  505.     .progressbar li.active:before {
  506.       border-color: green;
  507.     } 
  508.     .progressbar li.active + li:after {
  509.       background-color: green;
  510.     }
  512.     .disabled-btn{
  513.         cursor: not-allowed;
  514.         text-decoration: none;
  515.         text-align: center;
  516.         background: #D6D9E4!important; pointer-events: none;
  517.     }
  519.     .header-wave {
  520.       position: relative;
  521.       min-height: 200px;
  522.       background: transparent;
  523.       background-image: linear-gradient(155deg, #f4f4f4 0%, #f4f4f4 50%, #f4f4f4 100%);
  524.     }
  526.     .header-wave h1 {
  527.       color: white;
  528.     }
  530.     .svg-wave {
  531.       position: absolute;
  532.       bottom: 0;
  533.       width: 100%;
  534.       height: auto;
  535.     }
  536.         
  537.     .section-wave{
  538.         position: relative;
  539.         margin: 0;
  540.         padding: 0;
  541.         background: white;
  542.         width: 100%;
  543.         height: 200px;
  544.     }
  545.     
  546.     #worf{
  547.         position: absolute;
  548.         bottom: 0;
  549.         width: 100%;
  550.     }
  551.     
  552.     #worf path{
  553.       fill: url(#grad1)
  554.     }
  556.     section.section-2{
  557.         width: 100%;
  558.         height: 200px;
  559.         background: linear-gradient(to right, #dffdgg 0%,#f2f2f2 100%); 
  560.     }
  563. .popover {
  564.   position: relative;
  565.   z-index: 1;
  566.   box-sizing: border-box;
  567.   padding: 1em;
  568.   border: 1px solid #dadada;
  569.   background: #fff;
  570.   min-width: 100%;
  571. }
  573. .popover, .popover:before {
  574.   box-shadow: 0 0 2px rgba(0,0,0,0.2);  
  575. }
  577. .popover:before,
  578. .popover:after {
  579.   content: '';
  580.   display: block;
  581.   position: absolute;
  582.   width: 15px;
  583.   height: 15px;
  584.   border: 1px solid #dadada;
  585.   background: #fff;
  586.   -webkit-transform: rotate(45deg);
  587.   -moz-transform: rotate(45deg);
  588.   -ms-transform: rotate(45deg);
  589.   -o-transform: rotate(45deg);
  590.   transform: rotate(45deg);
  591. }
  593. .popover:before {
  594.   z-index: -1;
  595. }
  597. .popover.arrow-top:before,
  598. .popover.arrow-top:after {
  599.   bottom: 100%;
  600.   left: 20px;
  601.   margin-bottom: -7px; 
  602.   border-bottom: 0;
  603.   border-right: 0;
  604. }
  606. .popover.arrow-bottom:before,
  607. .popover.arrow-bottom:after {
  608.   top: 100%;
  609.   left: 20px;
  610.   margin-top: -7px; 
  611.   border-top: 0;
  612.   border-left: 0;
  613. }
  615. .popover.arrow-right:before,
  616. .popover.arrow-right:after {
  617.   top: 20px;
  618.   left: 100%;
  619.   margin-left: -7px; 
  620.   border-bottom: 0;
  621.   border-left: 0;
  622. }
  624. .popover.arrow-left:before,
  625. .popover.arrow-left:after {
  626.   top: 20px;
  627.   left: 0;
  628.   margin-left: -9px; 
  629.   border-top: 0;
  630.   border-right: 0;
  631. }
  633. .cardcode{border-radius:5px;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);margin-bottom:20px}
  634. .cardcode.simple-image-cardcode{height:435px;background-size:cover!important;background-position:50%!important;position:relative;display:flex;justify-content:center;align-items:center}
  635. @media only screen and (max-width:800px){.cardcode.simple-image-cardcode{height:300px}}
  636. @media only screen and (max-width:600px){.cardcode.simple-image-cardcode{max-height:130px}.cardcode.simple-image-cardcode a h2{font-size:1.1rem!important}}
  637. .cardcode.simple-image-cardcode a{display:block;width:100%;text-decoration:none;color:#fff;z-index:4;text-align:center;height:100%;display:flex;justify-content:center;align-items:center}
  638. .cardcode.simple-image-cardcode a h2{font-size:3rem;width:80%}.cardcode.simple-image-cardcode:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);border-radius:5px}
  639. .cardcode.simple-image-cardcode.min-cardcode{width:100%;max-height:130px}.cardcode.simple-image-cardcode.min-cardcode h2{font-size:1.1rem}.cardcode.image-cardcode{width:100%;min-height:280px;position:relative;transition:all .5s;margin-bottom:50px;background-color:#fff}
  640. .cardcode.image-cardcode a.img{display:block;width:100%;text-align:center;height:150px}.cardcode.image-cardcode a.img span{display:block;margin:auto;width:95%;height:100%;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);border-radius:5px;position:relative;top:-12px;transition:all .5s;background:url(/build/images/code.7e1bde1f.jpeg);background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}
  641. .cardcode.image-cardcode a.title{color:#0f0f0f;text-decoration:none;transition:all .5s}.cardcode.image-cardcode a.title h2{font-size:1.2rem;padding-left:15px;padding-right:15px;margin-top:15px}
  642. .cardcode.image-cardcode a.title:hover{color:#585858}.cardcode.image-cardcode .infos{padding:20px;font-size:13px;display:flex;justify-content:space-between;color:#7b7b7b;position:absolute;bottom:0;left:-4px;right:-4px}
  643. .cardcode.image-cardcode .infos a{color:#7b7b7b;text-decoration:none;transition:all .5s}.cardcode.image-cardcode .infos a:hover{color:#949494}.cardcode.image-cardcode .infos span.stats span:not(:last-child){margin-right:15px}
  644. .cardcode.image-cardcode .infos span.stats i{margin-right:5px}.cardcode.image-cardcode:hover a.img span{transform:translateY(-7px)}
  648. /*===================== Begin Dropdowncarte ======================*/
  651. .dropdowncarte {
  652.     position: relative;
  653.     box-sizing: content-box;
  654.     max-width: 100%;
  655.     height: 1em;
  656.     padding: 18px 21px;
  657.     background-color: #fff;
  658.     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  659.   }
  660.   .dropdowncarte:hover svg {
  661.     transform: scale(1.1);
  662.   }
  663.   .dropdowncarte button {
  664.     position: absolute;
  665.     width: 100%;
  666.     height: 100%;
  667.     top: 0;
  668.     left: 0;
  669.     z-index: 3;
  670.     border: none;
  671.     outline: none;
  672.     background: none;
  673.     cursor: pointer;
  674.   }
  675.   .dropdowncarte button:focus ~ svg {
  676.     transform: rotate(-180deg);
  677.   }
  678.   .dropdowncarte .options {
  679.     position: absolute;
  680.     width: 100%;
  681.     top: 0;
  682.     left: 0;
  683.   }
  684.   .dropdowncarte input {
  685.     display: none;
  686.   }
  687.   .dropdowncarte input:checked + label {
  688.     display: block;
  689.     z-index: 2;
  690.     font-weight: 600;
  691.     transform: none !important;
  692.   }
  693.   .dropdowncarte label {
  694.     position: absolute;
  695.     width: 100%;
  696.     z-index: 1;
  697.     padding: 18px 21px;
  698.     line-height: 1;
  699.     background-color: #549cc4;
  700.     cursor: pointer;
  701.     color: #fff;
  702.     transition: background-color 0.2s, transform 0.2s ease;
  703.   }
  704.   .dropdowncarte label:hover {
  705.     background-color: #d6d6d6;
  706.   }
  707.   .dropdowncarte button:focus + .options input:not(:checked) + label, .dropdowncarte .options label:active, .dropdowncarte .options label:active ~ label {
  708.     transform: translateY(calc(var(--index) * 100%));
  709.   }
  710.   .dropdowncarte button:focus + .options input:checked + label ~ label, .dropdowncarte .options input:checked ~ label:active, .dropdowncarte .options input:checked ~ label:active ~ label {
  711.     transform: translateY(calc((var(--index) - 1) * 100%));
  712.   }
  713.   .dropdowncarte svg {
  714.     position: absolute;
  715.     width: 21px;
  716.     top: 25%;
  717.     right: 14px;
  718.     z-index: 2;
  719.     fill: currentColor;
  720.     transition: transform 0.1s;
  721.   }
  722.   .breadcrumbs-title{
  723.     font-family: Montserrat-ExtraBold;
  724.   }
  725.   .cover-text h2{
  726.       font-size: 25px!important;
  727.       font-family: OpenSans-SemiBold!important;
  728.       text-align: left;
  729.   }
  730.   .cover-text h4{
  731.       font-size: 13px!important;
  732.       font-family: OpenSans-Regular!important;
  733.       text-align: left;
  734.       color: green;
  735.   }
  736.   .position-current-user{
  737.     background: #444a92!important;
  738.     color: #fff!important;
  739.   }
  740.   .position-current-user strong{
  741.     color: #fff;
  742.   }
  743.   .position-current-user .ultra-small{
  744.     color: #ddd;
  745.   }
  747. /*======================End Dropdowncarte ===========================*/
  751. #demo {
  752.     margin: 20px auto;
  753.     max-width: 960px;
  754.   }
  755.   #demo h1 {
  756.     font-size: 2.4rem;
  757.     line-height: 3.2rem;
  758.     letter-spacing: 0;
  759.     font-weight: 300;
  760.     color: #212121;
  761.     text-transform: inherit;
  762.     margin-bottom: 1rem;
  763.     text-align: center;
  764.   }
  765.   #demo h2 {
  766.     font-size: 1.5rem;
  767.     line-height: 2.8rem;
  768.     letter-spacing: 0.01rem;
  769.     font-weight: 400;
  770.     color: #212121;
  771.     text-align: center;
  772.   }
  773.   .shadow-z-1 {
  774.     -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  775.     -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  776.     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  777.   }
  778.   /* -- Material Design Table style -------------- */
  779.   .table {
  780.     width: 100%;
  781.     max-width: 100%;
  782.     margin-bottom: 2rem;
  783.     background-color: #fff;
  784.     color: #333;
  785.   }
  786.   .table > thead > tr,
  787.   .table > tbody > tr,
  788.   .table > tfoot > tr {
  789.     -webkit-transition: all 0.3s ease;
  790.     -o-transition: all 0.3s ease;
  791.     transition: all 0.3s ease;
  792.   }
  793.   .table > thead > tr > th,
  794.   .table > tbody > tr > th,
  795.   .table > tfoot > tr > th,
  796.   .table > thead > tr > td,
  797.   .table > tbody > tr > td,
  798.   .table > tfoot > tr > td {
  799.     text-align: left;
  800.     padding: 10px;
  801.     vertical-align: middle!important;
  802.     vertical-align: top;
  803.     border-top: 0;
  804.     -webkit-transition: all 0.3s ease;
  805.     -o-transition: all 0.3s ease;
  806.     transition: all 0.3s ease;
  807.   }
  808.   .table > thead > tr > th {
  809.     font-weight: 400;
  810.     color: #757575;
  811.     vertical-align: bottom;
  812.     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  813.   }
  814.   .table > caption + thead > tr:first-child > th,
  815.   .table > colgroup + thead > tr:first-child > th,
  816.   .table > thead:first-child > tr:first-child > th,
  817.   .table > caption + thead > tr:first-child > td,
  818.   .table > colgroup + thead > tr:first-child > td,
  819.   .table > thead:first-child > tr:first-child > td {
  820.     border-top: 0;
  821.   }
  822.   .table > tbody + tbody {
  823.     border-top: 1px solid rgba(0, 0, 0, 0.12);
  824.   }
  825.   .table .table {
  826.     background-color: #fff;
  827.   }
  828.   .table .no-border {
  829.     border: 0;
  830.   }
  831.   .table-condensed > thead > tr > th,
  832.   .table-condensed > tbody > tr > th,
  833.   .table-condensed > tfoot > tr > th,
  834.   .table-condensed > thead > tr > td,
  835.   .table-condensed > tbody > tr > td,
  836.   .table-condensed > tfoot > tr > td {
  837.     padding: 0.8rem;
  838.   }
  839.   .table-bordered {
  840.     border: 0;
  841.   }
  842.   .table-bordered > thead > tr > th,
  843.   .table-bordered > tbody > tr > th,
  844.   .table-bordered > tfoot > tr > th,
  845.   .table-bordered > thead > tr > td,
  846.   .table-bordered > tbody > tr > td,
  847.   .table-bordered > tfoot > tr > td {
  848.     border: 0;
  849.     border-bottom: 1px solid #e0e0e0;
  850.   }
  851.   .table-bordered > thead > tr > th,
  852.   .table-bordered > thead > tr > td {
  853.     border-bottom-width: 2px;
  854.   }
  855.   .table-striped > tbody > tr:nth-child(odd) > td,
  856.   .table-striped > tbody > tr:nth-child(odd) > th {
  857.     background-color: #f5f5f5;
  858.   }
  859.   .table-hover > tbody > tr:hover > td,
  860.   .table-hover > tbody > tr:hover > th {
  861.     background-color: rgba(0, 0, 0, 0.12);
  862.   }
  863.   @media screen and (max-width: 768px) {
  864.     .table-responsive-vertical > .table {
  865.       margin-bottom: 0;
  866.       background-color: transparent;
  867.     }
  868.     .table-responsive-vertical > .table > thead,
  869.     .table-responsive-vertical > .table > tfoot {
  870.       display: none;
  871.     }
  872.     .table-responsive-vertical > .table > tbody {
  873.       display: block;
  874.     }
  875.     .table-responsive-vertical > .table > tbody > tr {
  876.       display: block;
  877.       border: 1px solid #e0e0e0;
  878.       border-radius: 2px;
  879.       margin-bottom: 1.6rem;
  880.     }
  881.     .table-responsive-vertical > .table > tbody > tr > td {
  882.       background-color: #fff;
  883.       display: block;
  884.       vertical-align: middle;
  885.       text-align: right;
  886.     }
  887.     .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
  888.       content: attr(data-title);
  889.       float: left;
  890.       font-size: inherit;
  891.       font-weight: 400;
  892.       color: #757575;
  893.     }
  894.     .table-responsive-vertical.shadow-z-1 {
  895.       -webkit-box-shadow: none;
  896.       -moz-box-shadow: none;
  897.       box-shadow: none;
  898.     }
  899.     .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
  900.       border: none;
  901.       -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  902.       -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  903.       box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  904.     }
  905.     .table-responsive-vertical > .table-bordered {
  906.       border: 0;
  907.     }
  908.     .table-responsive-vertical > .table-bordered > tbody > tr > td {
  909.       border: 0;
  910.       border-bottom: 1px solid #e0e0e0;
  911.     }
  912.     .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
  913.       border-bottom: 0;
  914.     }
  915.     .table-responsive-vertical > .table-striped > tbody > tr > td,
  916.     .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
  917.       background-color: #fff;
  918.     }
  919.     .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
  920.       background-color: #f5f5f5;
  921.     }
  922.     .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  923.     .table-responsive-vertical > .table-hover > tbody > tr:hover {
  924.       background-color: #fff;
  925.     }
  926.     .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
  927.       background-color: rgba(0, 0, 0, 0.12);
  928.     }
  929.   }
  930.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
  931.   .table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  932.     background-color: #fde0dc;
  933.   }
  934.   .table-hover.table-mc-red > tbody > tr:hover > td,
  935.   .table-hover.table-mc-red > tbody > tr:hover > th {
  936.     background-color: #f9bdbb;
  937.   }
  938.   @media screen and (max-width: 767px) {
  939.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  940.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
  941.       background-color: #fff;
  942.     }
  943.     .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
  944.       background-color: #fde0dc;
  945.     }
  946.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  947.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
  948.       background-color: #fff;
  949.     }
  950.     .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
  951.       background-color: #f9bdbb;
  952.     }
  953.   }
  954.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
  955.   .table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  956.     background-color: #fce4ec;
  957.   }
  958.   .table-hover.table-mc-pink > tbody > tr:hover > td,
  959.   .table-hover.table-mc-pink > tbody > tr:hover > th {
  960.     background-color: #f8bbd0;
  961.   }
  962.   @media screen and (max-width: 767px) {
  963.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  964.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
  965.       background-color: #fff;
  966.     }
  967.     .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
  968.       background-color: #fce4ec;
  969.     }
  970.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  971.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
  972.       background-color: #fff;
  973.     }
  974.     .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
  975.       background-color: #f8bbd0;
  976.     }
  977.   }
  978.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
  979.   .table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  980.     background-color: #f3e5f5;
  981.   }
  982.   .table-hover.table-mc-purple > tbody > tr:hover > td,
  983.   .table-hover.table-mc-purple > tbody > tr:hover > th {
  984.     background-color: #e1bee7;
  985.   }
  986.   @media screen and (max-width: 767px) {
  987.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  988.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
  989.       background-color: #fff;
  990.     }
  991.     .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
  992.       background-color: #f3e5f5;
  993.     }
  994.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  995.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
  996.       background-color: #fff;
  997.     }
  998.     .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
  999.       background-color: #e1bee7;
  1000.     }
  1001.   }
  1002.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
  1003.   .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  1004.     background-color: #ede7f6;
  1005.   }
  1006.   .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  1007.   .table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  1008.     background-color: #d1c4e9;
  1009.   }
  1010.   @media screen and (max-width: 767px) {
  1011.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  1012.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
  1013.       background-color: #fff;
  1014.     }
  1015.     .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
  1016.       background-color: #ede7f6;
  1017.     }
  1018.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  1019.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
  1020.       background-color: #fff;
  1021.     }
  1022.     .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
  1023.       background-color: #d1c4e9;
  1024.     }
  1025.   }
  1026.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
  1027.   .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  1028.     background-color: #e8eaf6;
  1029.   }
  1030.   .table-hover.table-mc-indigo > tbody > tr:hover > td,
  1031.   .table-hover.table-mc-indigo > tbody > tr:hover > th {
  1032.     background-color: #c5cae9;
  1033.   }
  1034.   @media screen and (max-width: 767px) {
  1035.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  1036.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
  1037.       background-color: #fff;
  1038.     }
  1039.     .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
  1040.       background-color: #e8eaf6;
  1041.     }
  1042.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  1043.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
  1044.       background-color: #fff;
  1045.     }
  1046.     .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
  1047.       background-color: #c5cae9;
  1048.     }
  1049.   }
  1050.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
  1051.   .table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  1052.     background-color: #e7e9fd;
  1053.   }
  1054.   .table-hover.table-mc-blue > tbody > tr:hover > td,
  1055.   .table-hover.table-mc-blue > tbody > tr:hover > th {
  1056.     background-color: #d0d9ff;
  1057.   }
  1058.   @media screen and (max-width: 767px) {
  1059.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  1060.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
  1061.       background-color: #fff;
  1062.     }
  1063.     .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
  1064.       background-color: #e7e9fd;
  1065.     }
  1066.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  1067.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
  1068.       background-color: #fff;
  1069.     }
  1070.     .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
  1071.       background-color: #d0d9ff;
  1072.     }
  1073.   }
  1074.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
  1075.   .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  1076.     background-color: #e1f5fe;
  1077.   }
  1078.   .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  1079.   .table-hover.table-mc-light-blue > tbody > tr:hover > th {
  1080.     background-color: #b3e5fc;
  1081.   }
  1082.   @media screen and (max-width: 767px) {
  1083.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  1084.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
  1085.       background-color: #fff;
  1086.     }
  1087.     .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
  1088.       background-color: #e1f5fe;
  1089.     }
  1090.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  1091.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
  1092.       background-color: #fff;
  1093.     }
  1094.     .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
  1095.       background-color: #b3e5fc;
  1096.     }
  1097.   }
  1098.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
  1099.   .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  1100.     background-color: #e0f7fa;
  1101.   }
  1102.   .table-hover.table-mc-cyan > tbody > tr:hover > td,
  1103.   .table-hover.table-mc-cyan > tbody > tr:hover > th {
  1104.     background-color: #b2ebf2;
  1105.   }
  1106.   @media screen and (max-width: 767px) {
  1107.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  1108.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
  1109.       background-color: #fff;
  1110.     }
  1111.     .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
  1112.       background-color: #e0f7fa;
  1113.     }
  1114.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  1115.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
  1116.       background-color: #fff;
  1117.     }
  1118.     .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
  1119.       background-color: #b2ebf2;
  1120.     }
  1121.   }
  1122.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
  1123.   .table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  1124.     background-color: #e0f2f1;
  1125.   }
  1126.   .table-hover.table-mc-teal > tbody > tr:hover > td,
  1127.   .table-hover.table-mc-teal > tbody > tr:hover > th {
  1128.     background-color: #b2dfdb;
  1129.   }
  1130.   @media screen and (max-width: 767px) {
  1131.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  1132.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
  1133.       background-color: #fff;
  1134.     }
  1135.     .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
  1136.       background-color: #e0f2f1;
  1137.     }
  1138.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  1139.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
  1140.       background-color: #fff;
  1141.     }
  1142.     .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
  1143.       background-color: #b2dfdb;
  1144.     }
  1145.   }
  1146.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
  1147.   .table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  1148.     background-color: #d0f8ce;
  1149.   }
  1150.   .table-hover.table-mc-green > tbody > tr:hover > td,
  1151.   .table-hover.table-mc-green > tbody > tr:hover > th {
  1152.     background-color: #a3e9a4;
  1153.   }
  1154.   @media screen and (max-width: 767px) {
  1155.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  1156.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
  1157.       background-color: #fff;
  1158.     }
  1159.     .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
  1160.       background-color: #d0f8ce;
  1161.     }
  1162.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  1163.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
  1164.       background-color: #fff;
  1165.     }
  1166.     .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
  1167.       background-color: #a3e9a4;
  1168.     }
  1169.   }
  1170.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
  1171.   .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  1172.     background-color: #f1f8e9;
  1173.   }
  1174.   .table-hover.table-mc-light-green > tbody > tr:hover > td,
  1175.   .table-hover.table-mc-light-green > tbody > tr:hover > th {
  1176.     background-color: #dcedc8;
  1177.   }
  1178.   @media screen and (max-width: 767px) {
  1179.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  1180.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
  1181.       background-color: #fff;
  1182.     }
  1183.     .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
  1184.       background-color: #f1f8e9;
  1185.     }
  1186.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  1187.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
  1188.       background-color: #fff;
  1189.     }
  1190.     .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
  1191.       background-color: #dcedc8;
  1192.     }
  1193.   }
  1194.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
  1195.   .table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  1196.     background-color: #f9fbe7;
  1197.   }
  1198.   .table-hover.table-mc-lime > tbody > tr:hover > td,
  1199.   .table-hover.table-mc-lime > tbody > tr:hover > th {
  1200.     background-color: #f0f4c3;
  1201.   }
  1202.   @media screen and (max-width: 767px) {
  1203.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  1204.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
  1205.       background-color: #fff;
  1206.     }
  1207.     .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
  1208.       background-color: #f9fbe7;
  1209.     }
  1210.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  1211.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
  1212.       background-color: #fff;
  1213.     }
  1214.     .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
  1215.       background-color: #f0f4c3;
  1216.     }
  1217.   }
  1218.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
  1219.   .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  1220.     background-color: #fffde7;
  1221.   }
  1222.   .table-hover.table-mc-yellow > tbody > tr:hover > td,
  1223.   .table-hover.table-mc-yellow > tbody > tr:hover > th {
  1224.     background-color: #fff9c4;
  1225.   }
  1226.   @media screen and (max-width: 767px) {
  1227.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  1228.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
  1229.       background-color: #fff;
  1230.     }
  1231.     .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
  1232.       background-color: #fffde7;
  1233.     }
  1234.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  1235.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
  1236.       background-color: #fff;
  1237.     }
  1238.     .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
  1239.       background-color: #fff9c4;
  1240.     }
  1241.   }
  1242.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
  1243.   .table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  1244.     background-color: #fff8e1;
  1245.   }
  1246.   .table-hover.table-mc-amber > tbody > tr:hover > td,
  1247.   .table-hover.table-mc-amber > tbody > tr:hover > th {
  1248.     background-color: #ffecb3;
  1249.   }
  1250.   @media screen and (max-width: 767px) {
  1251.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  1252.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
  1253.       background-color: #fff;
  1254.     }
  1255.     .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
  1256.       background-color: #fff8e1;
  1257.     }
  1258.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  1259.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
  1260.       background-color: #fff;
  1261.     }
  1262.     .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
  1263.       background-color: #ffecb3;
  1264.     }
  1265.   }
  1266.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
  1267.   .table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  1268.     background-color: #fff3e0;
  1269.   }
  1270.   .table-hover.table-mc-orange > tbody > tr:hover > td,
  1271.   .table-hover.table-mc-orange > tbody > tr:hover > th {
  1272.     background-color: #ffe0b2;
  1273.   }
  1274.   @media screen and (max-width: 767px) {
  1275.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  1276.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
  1277.       background-color: #fff;
  1278.     }
  1279.     .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
  1280.       background-color: #fff3e0;
  1281.     }
  1282.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  1283.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
  1284.       background-color: #fff;
  1285.     }
  1286.     .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
  1287.       background-color: #ffe0b2;
  1288.     }
  1289.   }
  1290.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
  1291.   .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  1292.     background-color: #fbe9e7;
  1293.   }
  1294.   .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  1295.   .table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  1296.     background-color: #ffccbc;
  1297.   }
  1298.   @media screen and (max-width: 767px) {
  1299.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  1300.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
  1301.       background-color: #fff;
  1302.     }
  1303.     .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
  1304.       background-color: #fbe9e7;
  1305.     }
  1306.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  1307.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
  1308.       background-color: #fff;
  1309.     }
  1310.     .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
  1311.       background-color: #ffccbc;
  1312.     }
  1313.   }
  1314.   table tr:nth-of-type(even) {
  1315.       background-color: #F1F3F9!important;
  1316.   }
  1317.   table tr{
  1318.     font-family: Muli-Regular;
  1319.     font-size: 14px;
  1320.   }
  1321.   thead th {
  1322.     font-family: Muli-Bold!important;
  1323.     font-size: 15px!important;
  1324.     color: #283346!important;
  1325.   }
  1328.   body{
  1329.   font-family: Quicksand-Regular;
  1330. }
  1332. .menu-client > ul > li a{
  1333.   padding: 1.5em 1em!important;
  1334. }
  1337. /*
  1338. --------------Begin Accordion ------
  1339. */
  1340. .boxC12{
  1341.   width: 100%;
  1342.   margin: 0 auto;
  1343.   padding: 0px;
  1344. }
  1345. .boxC12 p{
  1346.     padding-bottom: 0px!important;
  1347.     margin-bottom: 0px!important;
  1348. }
  1349. details {
  1350.   width: 100%;
  1351.   margin-bottom: 20px;
  1352. }
  1354. details>p {
  1355.   padding: 20px;
  1356. }
  1358. summary {
  1359.   cursor:pointer;
  1360.   padding: 20px;
  1361.   background-color: #e8e8e8;
  1362.   box-shadow: 0 0 5px #333;
  1363.   display: flex;
  1364.   justify-content: space-between;
  1365.   align-items: center;
  1366. }
  1368. summary::marker {
  1369.   content: "";
  1370. }
  1372. .plusminus {
  1373.   position: relative;
  1374.   width: 1rem;
  1375.   height: 1rem;
  1376. }
  1378. .plusminus::before {
  1379.   content: "";
  1380.   position: absolute;
  1381.   width: 3px;
  1382.   height: 1rem;
  1383.   background-color: #bf2d2d;
  1384.   left: 50%;
  1385.   transform: translateX(-50%);
  1386. }
  1388. .plusminus::after {
  1389.   content: "";
  1390.   position: absolute;
  1391.   width: 1rem;
  1392.   height: 3px;
  1393.   background-color: #bf2d2d;
  1394.   top: 50%;
  1395.   transform: translateY(-50%);
  1396. }
  1398. details[open]  .plusminus::before {
  1399.   width: 0;
  1400.   height: 0;
  1401. }
  1402. /*----------------End Accordion
  1403. */
  1406. /*============ Begin Box Article ============*/
  1407. .title-bold {
  1408.     color: #000;
  1409.     font-size: 16px;
  1410.     display: block;
  1411. }
  1413. .title-blog blogdate, .title-bold {
  1414.     border-bottom: 1px #e4e4e4 solid;
  1415.     overflow: hidden;
  1416.     text-transform: uppercase;
  1417.     font-weight: 700;
  1418.     padding-top: 5px;
  1419.     line-height: 42px;
  1420.     margin-bottom: 20px;
  1421. }
  1423. .inner-profile {
  1424.     padding-left: 20px;
  1425.     padding-right: 20px;
  1426.     overflow: hidden;
  1427.     padding-bottom: 10px;
  1428. }
  1429. .box {
  1430.     border: 1px solid #e4e4e4;
  1431.     padding: 5px;
  1432.     background: #fff;
  1433.     box-shadow: 0px 2px 5px 0px #D4D8DE;
  1434.     margin-bottom: 10px;
  1435. }
  1436. .title-bold span {
  1437.     border-bottom: 2px #289fcd solid;
  1438. }
  1439. .title-bold span, .title-bold-notline span {
  1440.     margin-left: 10px;
  1441.     padding-left: 8px;
  1442.     padding-right: 8px;
  1443.     display: block;
  1444. }
  1445. .all-forum-profile img, .inner-forum-profile img, .title-bold span {
  1446.     float: left;
  1447. }
  1448. /*============= Begin Blog Article ===================*/
  1451. *--------------------------------------------------------------
  1452. # Blog
  1453. --------------------------------------------------------------*/
  1454. .row-featured .blog{
  1455.   padding: 30px 5px!important;
  1456.   max-width: 100%!important;
  1457. }
  1458. .blog .blog-pagination {
  1459.   margin-top: 15px;
  1460.   color: #555555;
  1461.   background-color: #fff;
  1462. }
  1464. .blog .blog-pagination ul {
  1465.   display: flex;
  1466.   padding: 0;
  1467.   margin: 0;
  1468.   list-style: none;
  1469. }
  1471. .blog .blog-pagination li {
  1472.   margin: 0 5px;
  1473.   transition: 0.3s;
  1474.   border-radius: 10px;
  1475. }
  1477. .blog .blog-pagination li a {
  1478.   color: var(--color-default);
  1479.   padding: 7px 16px;
  1480.   display: flex;
  1481.   align-items: center;
  1482.   justify-content: center;
  1483. }
  1485. .blog .blog-pagination li.active,
  1486. .blog .blog-pagination li:hover {
  1487.   background: var(--color-primary);
  1488.   color: #fff;
  1489. }
  1491. .blog .blog-pagination li.active a,
  1492. .blog .blog-pagination li:hover a {
  1493.   color: var(--color-white);
  1494. }
  1497. /*--------------------------------------------------------------
  1498. # Blog Posts List
  1499. --------------------------------------------------------------*/
  1500. .blog .posts-list article {
  1501.   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  1502.   padding: 30px;
  1503.   height: 100%;
  1504.   border-radius: 10px;
  1505.   overflow: hidden;
  1506.   background-color: #fff;
  1507. }
  1508. .blog .posts-list article:hover{
  1509.   border-color: transparent;
  1510.     transform: translateY(-5px);
  1511.     box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
  1512.     cursor: pointer;
  1513. }
  1515. .blog .posts-list .post-img {
  1516.   max-height: 240px;
  1517.   margin: -30px -30px 15px -30px;
  1518.   overflow: hidden;
  1519. }
  1521. .blog .posts-list .post-category {
  1522.   font-size: 16px;
  1523.   color: #555555;
  1524.   margin-bottom: 10px;
  1525. }
  1527. .blog .posts-list .title {
  1528.   font-size: 22px;
  1529.   font-weight: 700;
  1530.   padding: 0;
  1531.   margin: 0 0 20px 0;
  1532. }
  1534. .blog .posts-list .title a {
  1535.   color: var(--color-default);
  1536.   transition: 0.3s;
  1537.   text-decoration: none;
  1538. }
  1540. .blog .posts-list .title a:hover {
  1541.   color: var(--color-primary);
  1542. }
  1544. .blog .posts-list .post-author-img {
  1545.   width: 50px;
  1546.   border-radius: 50%;
  1547.   margin-right: 15px;
  1548. }
  1550. .blog .posts-list .post-author-list {
  1551.   font-weight: 600;
  1552.   margin-bottom: 5px;
  1553. }
  1555. .blog .posts-list .post-date {
  1556.   font-size: 14px;
  1557.   color: #3c3c3c;
  1558.   margin-bottom: 0;
  1559. }
  1560.     </style>
  1561.     <link rel="stylesheet" href="{{ asset('templatehome/notify/themes/alertify.core.css') }}" />
  1562.     <link rel="stylesheet" href="{{ asset('templatehome/notify/themes/alertify.default.css') }}" id="toggleCSS" />
  1563.     <script src="{{ asset('templatehome/notify/lib/alertify.min.js') }}"></script>
  1564.     <script>
  1565.         function resetNotif(){
  1566.             $("#toggleCSS").attr("href", "{{ asset('templatehome/notify/themes/alertify.default.css') }}");
  1567.             alertify.set({
  1568.                 labels : {
  1569.                     ok     : "OK",
  1570.                     cancel : "Cancel"
  1571.                 },
  1572.                 delay : 5000,
  1573.                 buttonReverse : false,
  1574.                 buttonFocus   : "ok"
  1575.             });
  1576.         }
  1577.     </script>
  1578.     {% endblock %}
  1579. </head> 
  1580. <body id="home" class="html-ltr">
  1581.   {{ render(controller("App\\Controller\\General\\Template\\MenuController::menubare", {'position': 'offerts'})) }}
  1583.     <div id="outer-wrapper">
  1584.        <main>
  1585.           {% block body %}
  1586.                 
  1587.           {% endblock %}
  1588.        </main>
  1589.       {{ render(controller("App\\Controller\\General\\Template\\MenuController:footer", {'position': 'offerts'})) }}
  1590.     </div>
  1592. <div class="content-alert-action-factory-user" value="0" name="0" style="display: none;"></div>
  1594. <div class="panel-result-action-factory-user" style="display: none; position: fixed; z-index: 90000; width: 100%; text-align: center; top: 40%;">
  1595.     <span style="display: inline-block; width: 80px; height: 80px; background: transparent; text-align: center; padding-top: 25px;">
  1596.         <div data-w-id="bdd6bb74-6a76-cc2b-93ad-7ae71601b802" data-animation-type="lottie" data-src="https://assets2.lottiefiles.com/datafiles/kaSuzs8QVBUsk3j/data.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="26.2" data-duration="0" style="height: 100px;"></div>
  1597.     </span>
  1598. </div>
  1600. <div class="modal fade" data-backdrop="static" id="open-modalSelect-reinitialize" style="padding-top: 50px;">
  1601. <div class="modal-dialog">
  1602.     <div class="modal-content">
  1603.         <div class="modal-header color-bottom" style="border-bottom: 4px solid #37c0fb; display: block!important;">
  1604.             <button type="button" class="close custom-close-popup" style="float: right!important;">&times;</button>
  1605.             <h3 class="modal-title" style="margin: 0px; font-size: 22px;"> Initialisation du mot de passe</h3>
  1606.         </div>
  1608.         <div class="modal-body">
  1609.             <div class="wait-account-verification-affiliate" style="text-align: center; height: 100px; padding-top: 30px; color: #333;">
  1610.                 Patientez un moment pendant la vérification de votre session.</br>
  1611.                 <img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 40px; width: 40px;">
  1612.             </div>
  1614.             <div class="form-coustom-reset-password" style="text-align: left; display: none; margin-bottom: 30px;">
  1615.                 <div class="col-md-10 col-sm-12 col-md-offset-1" style="color: #333;">
  1616.                  <div style="border-bottom: 1px solid #ddd; margin-bottom: 15px; font-size: 20px;">Identification du compte</div>
  1617.                  <form method="post" action="#" class="form-check-identifiant">
  1618.                     <div class="form-group form-group-resset">
  1619.                         <input type="text" class="form-control" placeholder="Rentrez l'email du compte" required="">
  1620.                     </div>
  1621.                     
  1622.                     <div class="alert alert-resset alert-block alert-danger" style="display:none">
  1623.                     <h4>Erreur !</h4>
  1624.                     Nous n'avons pu identifier un compte avec cette adresse.
  1625.                     </div>
  1626.                     
  1627.                     <div class="form-group">
  1628.                         <button  class="btn btn-primary" style="background: #e34520;">Envoyer</button>
  1629.                     </div>
  1630.                  </form>
  1631.                 </div>
  1632.                 <div class="clearfix"></div>
  1633.             </div>        
  1634.         </div>
  1635.         <div class="modal-footer" style="color: #333;">
  1636.             {% include 'Theme/General/Template/Menu/social.html.twig' %}
  1637.         </div>
  1638.     </div>
  1639. </div>
  1640. </div>
  1642. <div id="sppmodal-container" class="sppmodal-container">
  1643.   <div class="sppmodal-background">
  1644.     <div class="silly_scrollbar">
  1645.     <div class="sppmodal">
  1646.         
  1647.         <a href="#!" class="pull-right close-sppmodal" style="position: absolute; top: 7px; right: 7px;">
  1648.             <img src="{{ asset('template/images/close.svg') }}" style="height: 22px;"/>
  1649.         </a>
  1650.         
  1651.         <div class="wait-account-verification" style="padding-top: 2px; margin-top: -3px; margin-right: -1px; margin-left: -1px;">
  1652.             <img src="{{ asset('template/images/user-bg.jpg') }}" alt="image" style="width: 100%; border-radius: 5px 5px 0px 0px;">
  1653.             
  1654.             <div class="text-center" style="margin-top: 60px;">
  1655.                 <img src="{{ asset('template/images/loader1.gif') }}" alt="image" style="height: 30px; width: 40px;">
  1656.                 
  1657.                 <div>Chargement en cours ...</div>
  1658.             </div>
  1659.         </div>
  1660.         
  1661.         <div class="sppmodal-content"></div>
  1662.         
  1663.         <div style="position: absolute; bottom: 0px; width: 100%; padding: 15px 10px; border-top: 1px solid #ddd; background: #f7f7f7;">
  1664.             {% include 'Theme/General/Template/Menu/social.html.twig' %}
  1665.         </div>
  1666.     </div>
  1667.     </div>
  1668.   </div>
  1669. </div>
  1671. <!--[if !IE]><!-->
  1672. <script type="text/javascript" src="{{ asset('templatehome/js/common-protocol.e63d930b4412.js') }}" charset="utf-8"></script>
  1673. <!--<![endif]-->
  1674. <script type="text/javascript" src="{{ asset('templatehome/js/stub-attribution.bf7c7a8615d5.js') }}" charset="utf-8"></script>
  1675. <!--[if !IE]><!-->
  1676. <script type="text/javascript" src="{{ asset('templatehome/js/home.c5483f81f59a.js') }}" charset="utf-8"></script>
  1677. <!--===============================================================================================-->
  1678. <script src="{{ asset('template/login/vendor/bootstrap/js/popper.js') }}"></script>
  1679. <script src="{{ asset('template/login/vendor/bootstrap/js/bootstrap.min.js') }}"></script>
  1680. <!--===============================================================================================-->
  1682. {% block srcjavascript %}
  1684. {% endblock %}
  1686. <script type="text/javascript">
  1687. $(function(){
  1688.     $('.open-spp-modal').click(function(){
  1689.       $('.sppmodal-content').hide();
  1690.       $('.wait-account-verification').show();
  1691.       $('#sppmodal-container').removeClass('out').addClass('one');
  1692.       $('body').addClass('sppmodal-active');
  1693.       
  1694.       $.post('{{ path('produit_produit_ajouter_product_panier', {'position': 'duree'}) }}',function(data){
  1695.           if(data != 0)
  1696.           {
  1697.               $('.wait-account-verification').hide();
  1698.               $('.sppmodal-content').show();
  1699.               $('.sppmodal-content').html(data);
  1700.           }else{
  1701.               resetNotif();
  1702.               alertify.alert("Echec, Une erreur a été rencontrée. Essayez à nouveau !");
  1703.               
  1704.               $('#sppmodal-container').addClass('out');
  1705.               $('body').removeClass('sppmodal-active');
  1706.           }
  1707.         });
  1708.     })
  1709.         
  1710.     $('.close-sppmodal').click(function(){
  1711.         resetNotif();
  1712.         alertify.confirm("Êtes-vous certain de vouloir annuler cette opération ?", function (e) {
  1713.             if(e){
  1714.                 $('#sppmodal-container').addClass('out');
  1715.                 $('body').removeClass('sppmodal-active');
  1716.             } else {
  1717.                 alertify.success("Opération annulée avec succès !");
  1718.             }
  1719.         });
  1720.     });
  1722.     {% block javascript %}
  1723.         
  1724.     {% endblock %}
  1725. });
  1726. </script>
  1728. </body>
  1729. </html>