{"id":897,"date":"2024-03-27T21:44:07","date_gmt":"2024-03-28T01:44:07","guid":{"rendered":"https:\/\/www.pidz.live\/l\/?page_id=897"},"modified":"2025-05-10T14:35:33","modified_gmt":"2025-05-10T18:35:33","slug":"experience","status":"publish","type":"page","link":"https:\/\/www.pidz.live\/l\/experience\/","title":{"rendered":"animation | exp\u00e9rience de l&rsquo;utilisateur"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb _builder_version=\u00a0\u00bb4.27.3&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb global_module=\u00a0\u00bb1510&Prime; theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb][et_pb_fullwidth_code _builder_version=\u00a0\u00bb4.27.3&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb21px|||||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb theme_builder_area=\u00a0\u00bbpost_content\u00a0\u00bb]<pee style=\"margin-left: 40px;\"><span style=\"font-size:14px;\">VID\u00c9O D&rsquo;ANIMATION: <a href=\"https:\/\/www.pidz.live\/l\/historique-entreprise\/\">un peu d&rsquo;historique<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/experience\/\">exp\u00e9rience de l&rsquo;utilisateur<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/valeurs\/\">d\u00e9finition de nos valeurs<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/introduction-referencement-conception\/\">r\u00e9f\u00e9rencement et conception<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/cas-lucien\/\">cas de Lucien<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/deep-in-the-forest\/\">Deep in the Forest (musique)<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/strategie-globale\/\">strat\u00e9gie globale<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/creatif\">\u00c9mile le cr\u00e9atif<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/reseau-social\/\">au del\u00e0 du r\u00e9seau sociale<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/genie\/\">Lucien un r\u00e9el g\u00e9nie<\/a> | <a href=\"https:\/\/www.pidz.live\/l\/defis\/\">relever des d\u00e9fis<\/a><\/span><\/pee><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.24.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bb#d7e6eb\u00a0\u00bb custom_padding=\u00a0\u00bb0px||2px|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.24.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb23px||12px|||\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.24.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.24.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]\n<style type=\"text\/css\">\n.ytp-gradient-top{display:none !important}\n.ytp-show-watch-later-title{display:none !important}\n.ytp-watch-later-button{display:none !important}\n.ytp-share-button{display:none !important}\n.sh_video_overlay{\n}\n#particles-js79954 .qcld_hero_content_area{\n\tposition:absolute;\n\twidth: 100%;\n\ttop:50%;\t\n\t\tz-index:9;\n}\n#particles-js79954 .slider-x-lead-title, #particles-js79954 .hero_slider_button, #particles-js79954 .slider-x-item-title{margin: 15px 0px;}\n#particles-js79954 .slider-x-lead-title{\n}\n#particles-js79954 .hero_slider_button{\n}\n#particles-js79954 .slider-x-item-title{\n}\n.slider-hero-prev, .slider-hero-next{\n}\n.slider-hero-prev:hover,.slider-hero-next:hover{\n}\n.qc-sliderX-bottom-slide{\n}\n.qc-sliderX-bottom-slide:hover{\n}\n.qc-sliderx-bottom-current{\n}\n#particles-js79954 canvas {\n\tposition:absolute;\n\t\tz-index:8;\n\t}\n#particles-js79954 > img{\n\tposition:absolute;\n\tz-index:1;\n}\n#particles-js79954{\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: #d7e6eb;\n  background-size: cover;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  z-index: 1;\n  position:relative;\n    max-width: unset !important;\n}\n#sunset {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #294372 url('https:\/\/www.pidz.live\/l\/wp-content\/plugins\/slider-hero\/images\/sunset.jpg') center top no-repeat;\n    background-size: cover;\n    opacity: 0;\n    z-index: 1\n}\n.slider-x-lead-title79954{\n\/*position: absolute;\ntop: 10%;*\/\nleft: 0px;\nwidth: 100%;\n\tpadding: 0px 10% !important;\nbox-sizing: border-box;\n}\n.slider-x-item-title79954{\n\/*\nposition: absolute;\ntop: 30%;*\/\nleft: 0px;\nwidth: 100%;\nz-index:99 !important;\n\tpadding: 0px 10% !important;\nline-height: 40px;\nbox-sizing: border-box;\n}\n.slider-x-lead-title79954{\nfont-size: 40px !important;color: #eeee22 !important;text-align: center;\nline-height: 54px;\n}\n.hero_slider_btn79954{\n\t\/*\n\tposition:absolute;\n\ttop: 80%;*\/\n\tleft:0px;\n\twidth:100%;\n\tpadding: 0px 10%;\n\tbox-sizing: border-box;\n\tz-index: -1;\ntext-align: center;}\n.hero_slider_btn79954 a{\n\tz-index: 9;\n    position: relative;\n}\n.slider-x-item-title79954, .slider-x-item-title79954 > p, .slider-x-item-title79954 > *{\ncolor: #e8e8e8;font-size: 20px;line-height: 20px;text-align: center;line-height: 40px;padding: 0px;\n}\n@media only screen and (min-width: 320px) and (max-width: 767px){\n.qcld_hero_content_area h2{font-size:26px !important;line-height: 30px !important;}\n.qcld_hero_content_area > .slider-x-item-title > p{font-size: 16px !important;line-height:normal;}\t\n}\n<\/style>\n<div class=\"hero_preloader\" style=\"background: #fff;width: 100%;height: 300px;z-index: 999;position: relative;display: flex;justify-content: center !important;align-items: center;\">\n\t\t<div class=\"hero_loader\"><\/div>\n<\/div>\n<div id=\"particles-js79954\"  style=\"display:none;\" >\n<div class=\"sh_bg_video sh_bg_video_y\">\n\t<div class=\"sh_bg_video_fluid sh_bg_video_fluid_y sdf\" style=\"width: 100%;position: relative;padding: 0;padding-top: 56.5%;\">\n\t\t<div id=\"hero_youtube_video\"><\/div>\n\t<\/div>\n<\/div>\n\t<script type=\"text\/javascript\">\nfunction heroCookie(cname, cvalue, exdays) {\n    var d = new Date();\n    d.setTime(d.getTime() + (exdays*24*60*60*1000));\n    var expires = \"expires=\"+ d.toUTCString();\n    document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n}\nfunction heroisMobile(){\n\tvar isMobile = false; \/\/initiate as false\n\t\t\/\/ device detection\n\t\tif(\/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino\/i.test(navigator.userAgent) \n\t\t|| \/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-\/i.test(navigator.userAgent.substr(0,4))) isMobile = true;\n\treturn isMobile;\n}\nfunction getOffset1( el ) {\n    var _x = 0;\n    var _y = 0;\n    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {\n        _x += el.offsetLeft - el.scrollLeft;\n        _y += el.offsetTop - el.scrollTop;\n        el = el.offsetParent;\n    }\n\t_x = parseInt(_x) + parseInt(jQuery('#particles-js79954').parent().css('padding-left'));\n    return { top: _y, left: _x };\n}\n  jQuery(document).ready(function($){\n    \/\/jQuery(window).on( 'load', function(){\n\t\t\t\t   jQuery('.hero_preloader').remove();\n\t   \t   jQuery('#particles-js79954').show();\n\t   jQuery('#particles-js79954 canvas').width(jQuery('#particles-js79954').width());\n\t   \t\t\tjQuery('#particles-js79954 .qcld_hero_content_area:visible').css('margin-top','-'+Math.round(jQuery('#particles-js79954 .qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t   var fullwidth = jQuery(\"body\").prop(\"clientWidth\"); \n\t\t\tvar maindivcon = jQuery('#particles-js79954').parent()[0];\n\t\t\tvar getleft = getOffset1(maindivcon);\n\t\t\tjQuery('#particles-js79954').css({\n\t\t\t\t'left':'-'+getleft.left+'px',\n\t\t\t});\n\t   \t\t\t\t    var myYInterval = setInterval(function(){\n      if(jQuery('#hero_youtube_video79954').parent().attr('class')=='fluid-width-video-wrapper'){\n        jQuery('#hero_youtube_video79954').unwrap();\n        clearInterval(myYInterval);\n      }\n    }, 500);\n\t\tvar maindivcontainer = jQuery('#particles-js79954');\n\t\tif(jQuery(window).width() < 767){\n\t\t\tmaindivcontainer.find('.qcld_hero_content_area:visible').css('margin-top','-'+Math.round(maindivcontainer.find('.qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t}\n});\njQuery(document).ready(function($){\n\t    $.fn.sliderX.defaults = {\n\t\tsliderWidth:800,\n\t\tsliderHeight:800,\n        pauseTime: 11000,\n\t\tpaddingTime: 500,\n        startSlide: 0,\n\t\ttitlePositionTop:'0%',\n\t\ttitlePositionLeft:'0%',\n\t\tdescPositionTop:'0%',\n\t\tdescPositionLeft:'0%',\n\t\t\/\/titleTextAnimation:'pulse',\n\t\ttitleTextColor:'#eeee22',\n\t\tdescriptionTextColor:'#e8e8e8',\n\t\ttitleFontSize:'40',\n\t\tarrowClass: 'arrow-circle',\n\t\tdescriptionFontSize:'20',\n\t\t\t\tfullWidth:true,\n\t\t\t\t\t\tfullScreen:false,\n\t\t\t\t\t\tScreenauto:false,\n\t\t\t\tdirectionCon:false,\n\t\tbottomCon:false,\n\t\tslideStart: false,\n\t\t\t\t\t\t\tarrow_style: 'default',\n\t\t\t\t\t\t\t\trandomslide: false,\n\t\tprevSlideText:'Previous',\n\t\tnextSlideText:'Next',\n\t\ttitleAnimation: 'bounceInLeft',\n\t\ttitleoutAnimation: '',\n\t\tdesAnimation: 'bounceInRight',\n\t\tdesoutAnimation: '',\n\t\tlfxtitlein:'',\n\t\tlfxtitleout:'',\n\t\tlfxdesin:'',\n\t\tlfxdesout:'',\n\t\tbuttonAnimation: 'normal',\n\t\tbuttonoutAnimation: '',\n\t\tredirecturl: '',\n\t\tredirectdelay: '',\n\t\tcontentposition: 'center',\n\t\tbgtransition: 'fade',\n    bgtransitionreverse: 'fade',\n    fullscreenmobile: '0',\n\t\t\t\t\t\trepeat: false,\n\t\t\t\t\t\tsliderestart: true,\n\t\t\t\t\t\t\t\t\t\tsliderpause: true,\n\t\tmainId: 'particles-js79954',\n\t\tsid: '79954',\n\t\tslidertype: 'no_effect',\n        beforeChange: function(){\n\t\t\t\/\/alert(\"i am changing..\");\n\t\t}\n    };   \n    function firesliderx(){\n\t\tjQuery('#particles-js79954').sliderX();\n\t}\n\t\t\tif(jQuery('.second_div_hero').length<1)\n\t\t\tfiresliderx();\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tvar fullwidth = jQuery(window).width(); \n\t\tvar maindivcon = $('#particles-js79954').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\t\tjQuery('#particles-js79954').css({\n\t\t\t'left':'-'+getleft.left+'px',\n\t\t});\n\t}, 500);\n});\n\tvar fullwidth = jQuery(window).width();\n\t\t\tvar maindivcon = $('#particles-js79954').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\tjQuery('#particles-js79954').css({\n\t\t'left':'-'+getleft.left+'px',\n\t});\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tif(jQuery(window).width()<767){\n\t\t\tvar maindivcontainer = $('#particles-js79954');\n\t\t\tvar present_slide = maindivcontainer.find('.qcld_hero_content_area:visible');\n\t\t\t\/\/present_slide.css('height',maindivcontainer.height()+'px');\n\t\t}\n\t}, 500);\n});\n$('body').css({\n\t'overflow-x':'hidden',\n});\n});\nvar mainId = 'particles-js79954';\nvar no_effect_mainId = 'particles-js79954';\n<\/script>\n<script type=\"text\/javascript\">\njQuery( document ).ready(function($) {\n  var player;\n  function onYouTubeIframeAPIReady() {\n      player = new YT.Player('hero_youtube_video', {\n          width: 600,\n          height: 400,\n          videoId: 'QgLvEiNct9Y',\n          playerVars: {\n              color: 'white',\n  \t\t\tautoplay: 1,\n  \t\t\tcontrols: 0,\n  \t\t\trel: 0,\n  \t\t\tshowinfo: 0,\n  \t\t\t  \t\t\tloop: 0,\n  \t\t\t  \t\t\tmodestbranding: 1,\n  \t\t\t  \t\t\tmute: 0\n  \t\t\t          },\n          events: {\n              onReady: initialize,\n  \t\t\t      onStateChange: function(e) {\n                if (e.data === YT.PlayerState.ENDED) {\n                  player.setPlaybackQuality('hd1080');\n                  player.playVideo(); \n                }\n                onPlayerStateChange( e );\n              }\n          }\n      });\n  }\n  function initialize(event){\n  \tplayer.setPlaybackQuality('hd1080');\n  \tevent.target.playVideo();\n    player.playVideo();\n  }\n  function onPlayerStateChange(event) {\n  \tconsole.log(player.getPlayerState(), 'rtesererwe');\n    var myYInterval = setInterval(function(){\n      if(jQuery('#hero_youtube_video79954').parent().attr('class')=='fluid-width-video-wrapper'){\n        jQuery('#hero_youtube_video79954').unwrap();\n        clearInterval(myYInterval);\n      }\n    }, 500);\n  }\n  jQuery(window).load(function($){\n  \tjQuery(document).on('click', '.qcld_hero_content_area', function(e){\n  \t\tplayer.playVideo();\n  \t})\n  \tiframeHeight = jQuery('#hero_youtube_video79954').height();\n  \tcontainerHeight = jQuery('#particles-js79954').height();\n  \tactualHeight = (iframeHeight - containerHeight)\/2;\n  \tjQuery('.sh_bg_video_fluid > iframe').css({'top': '-'+actualHeight+'px'});\n  });\n  onYouTubeIframeAPIReady();\n});\n<\/script>\n<\/div>\n<style type=\"text\/css\">\n<\/style>\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00a0\u00bb1&Prime; admin_label=\u00a0\u00bbCall to Action\u00a0\u00bb _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbgcid-3cfc8c0c-5557-4a5d-9dab-24e78d615311&Prime; custom_padding=\u00a0\u00bb9px||2px|||\u00a0\u00bb global_module=\u00a0\u00bb460&Prime; collapsed=\u00a0\u00bbon\u00a0\u00bb global_colors_info=\u00a0\u00bb{%22gcid-3cfc8c0c-5557-4a5d-9dab-24e78d615311%22:%91%22background_color%22%93}\u00a0\u00bb][et_pb_row column_structure=\u00a0\u00bb1_2,1_2&Prime; _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb1_2&Prime; _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbfb088473-5559-4efb-a58c-03cc8833c050&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<h2><em>Continuons avec la vraie strat\u00e9gie!<\/em><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00a0\u00bb1_2&Prime; _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.22.0&Prime; _module_preset=\u00a0\u00bbfb242599-0d25-4507-b0c6-336dbd225fa7&Prime; global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<p>Avec plusieurs ann\u00e9es d&rsquo;<a href=\"https:\/\/pidz.live\/dot\">exp\u00e9rience dans le domaine des principaux r\u00e9seaux<\/a> de recherche combin\u00e9es avec la ma\u00eetrise de technologies, le succ\u00e8s ne rel\u00e8ve pas du hasard.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=\u00a0\u00bbhttps:\/\/www.pidz.live\/services\/index.php?a=add&#038;category=1&Prime; button_text=\u00a0\u00bbASSISTANCE\u00a0\u00bb _builder_version=\u00a0\u00bb4.24.2&Prime; _module_preset=\u00a0\u00bb6a9de0d3-2b4b-405b-95bd-2f96301bc92f\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\n<style type=\"text\/css\">\n.ytp-gradient-top{display:none !important}\n.ytp-show-watch-later-title{display:none !important}\n.ytp-watch-later-button{display:none !important}\n.ytp-share-button{display:none !important}\n.sh_video_overlay{\n}\n#particles-js25985 .qcld_hero_content_area{\n\tposition:absolute;\n\twidth: 100%;\n\ttop:50%;\t\n\t\tz-index:9;\n}\n#particles-js25985 .slider-x-lead-title, #particles-js25985 .hero_slider_button, #particles-js25985 .slider-x-item-title{margin: 15px 0px;}\n#particles-js25985 .slider-x-lead-title{\n}\n#particles-js25985 .hero_slider_button{\n}\n#particles-js25985 .slider-x-item-title{\n}\n.slider-hero-prev, .slider-hero-next{\n}\n.slider-hero-prev:hover,.slider-hero-next:hover{\n}\n.qc-sliderX-bottom-slide{\n}\n.qc-sliderX-bottom-slide:hover{\n}\n.qc-sliderx-bottom-current{\n}\n#particles-js25985 canvas {\n\tposition:absolute;\n\t\tz-index:8;\n\t}\n#particles-js25985 > img{\n\tposition:absolute;\n\tz-index:1;\n}\n#particles-js25985{\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background-color: #d7e6eb;\n  background-size: cover;\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  z-index: 1;\n  position:relative;\n    max-width: unset !important;\n}\n#sunset {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #294372 url('https:\/\/www.pidz.live\/l\/wp-content\/plugins\/slider-hero\/images\/sunset.jpg') center top no-repeat;\n    background-size: cover;\n    opacity: 0;\n    z-index: 1\n}\n.slider-x-lead-title25985{\n\/*position: absolute;\ntop: 10%;*\/\nleft: 0px;\nwidth: 100%;\n\tpadding: 0px 10% !important;\nbox-sizing: border-box;\n}\n.slider-x-item-title25985{\n\/*\nposition: absolute;\ntop: 30%;*\/\nleft: 0px;\nwidth: 100%;\nz-index:99 !important;\n\tpadding: 0px 10% !important;\nline-height: 40px;\nbox-sizing: border-box;\n}\n.slider-x-lead-title25985{\nfont-size: 40px !important;color: #eeee22 !important;text-align: center;\nline-height: 54px;\n}\n.hero_slider_btn25985{\n\t\/*\n\tposition:absolute;\n\ttop: 80%;*\/\n\tleft:0px;\n\twidth:100%;\n\tpadding: 0px 10%;\n\tbox-sizing: border-box;\n\tz-index: -1;\ntext-align: center;}\n.hero_slider_btn25985 a{\n\tz-index: 9;\n    position: relative;\n}\n.slider-x-item-title25985, .slider-x-item-title25985 > p, .slider-x-item-title25985 > *{\ncolor: #e8e8e8;font-size: 20px;line-height: 20px;text-align: center;line-height: 40px;padding: 0px;\n}\n@media only screen and (min-width: 320px) and (max-width: 767px){\n.qcld_hero_content_area h2{font-size:26px !important;line-height: 30px !important;}\n.qcld_hero_content_area > .slider-x-item-title > p{font-size: 16px !important;line-height:normal;}\t\n}\n<\/style>\n<div class=\"hero_preloader\" style=\"background: #fff;width: 100%;height: 300px;z-index: 999;position: relative;display: flex;justify-content: center !important;align-items: center;\">\n\t\t<div class=\"hero_loader\"><\/div>\n<\/div>\n<div id=\"particles-js25985\"  style=\"display:none;\" >\n<div class=\"sh_bg_video sh_bg_video_y\">\n\t<div class=\"sh_bg_video_fluid sh_bg_video_fluid_y sdf\" style=\"width: 100%;position: relative;padding: 0;padding-top: 56.5%;\">\n\t\t<div id=\"hero_youtube_video\"><\/div>\n\t<\/div>\n<\/div>\n\t<script type=\"text\/javascript\">\nfunction heroCookie(cname, cvalue, exdays) {\n    var d = new Date();\n    d.setTime(d.getTime() + (exdays*24*60*60*1000));\n    var expires = \"expires=\"+ d.toUTCString();\n    document.cookie = cname + \"=\" + cvalue + \";\" + expires + \";path=\/\";\n}\nfunction heroisMobile(){\n\tvar isMobile = false; \/\/initiate as false\n\t\t\/\/ device detection\n\t\tif(\/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino\/i.test(navigator.userAgent) \n\t\t|| \/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-\/i.test(navigator.userAgent.substr(0,4))) isMobile = true;\n\treturn isMobile;\n}\nfunction getOffset1( el ) {\n    var _x = 0;\n    var _y = 0;\n    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {\n        _x += el.offsetLeft - el.scrollLeft;\n        _y += el.offsetTop - el.scrollTop;\n        el = el.offsetParent;\n    }\n\t_x = parseInt(_x) + parseInt(jQuery('#particles-js25985').parent().css('padding-left'));\n    return { top: _y, left: _x };\n}\n  jQuery(document).ready(function($){\n    \/\/jQuery(window).on( 'load', function(){\n\t\t\t\t   jQuery('.hero_preloader').remove();\n\t   \t   jQuery('#particles-js25985').show();\n\t   jQuery('#particles-js25985 canvas').width(jQuery('#particles-js25985').width());\n\t   \t\t\tjQuery('#particles-js25985 .qcld_hero_content_area:visible').css('margin-top','-'+Math.round(jQuery('#particles-js25985 .qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t   var fullwidth = jQuery(\"body\").prop(\"clientWidth\"); \n\t\t\tvar maindivcon = jQuery('#particles-js25985').parent()[0];\n\t\t\tvar getleft = getOffset1(maindivcon);\n\t\t\tjQuery('#particles-js25985').css({\n\t\t\t\t'left':'-'+getleft.left+'px',\n\t\t\t});\n\t   \t\t\t\t    var myYInterval = setInterval(function(){\n      if(jQuery('#hero_youtube_video25985').parent().attr('class')=='fluid-width-video-wrapper'){\n        jQuery('#hero_youtube_video25985').unwrap();\n        clearInterval(myYInterval);\n      }\n    }, 500);\n\t\tvar maindivcontainer = jQuery('#particles-js25985');\n\t\tif(jQuery(window).width() < 767){\n\t\t\tmaindivcontainer.find('.qcld_hero_content_area:visible').css('margin-top','-'+Math.round(maindivcontainer.find('.qcld_hero_content_area:visible').height()\/2)+'px');\n\t\t}\n});\njQuery(document).ready(function($){\n\t    $.fn.sliderX.defaults = {\n\t\tsliderWidth:800,\n\t\tsliderHeight:800,\n        pauseTime: 11000,\n\t\tpaddingTime: 500,\n        startSlide: 0,\n\t\ttitlePositionTop:'0%',\n\t\ttitlePositionLeft:'0%',\n\t\tdescPositionTop:'0%',\n\t\tdescPositionLeft:'0%',\n\t\t\/\/titleTextAnimation:'pulse',\n\t\ttitleTextColor:'#eeee22',\n\t\tdescriptionTextColor:'#e8e8e8',\n\t\ttitleFontSize:'40',\n\t\tarrowClass: 'arrow-circle',\n\t\tdescriptionFontSize:'20',\n\t\t\t\tfullWidth:true,\n\t\t\t\t\t\tfullScreen:false,\n\t\t\t\t\t\tScreenauto:false,\n\t\t\t\tdirectionCon:false,\n\t\tbottomCon:false,\n\t\tslideStart: false,\n\t\t\t\t\t\t\tarrow_style: 'default',\n\t\t\t\t\t\t\t\trandomslide: false,\n\t\tprevSlideText:'Previous',\n\t\tnextSlideText:'Next',\n\t\ttitleAnimation: 'bounceInLeft',\n\t\ttitleoutAnimation: '',\n\t\tdesAnimation: 'bounceInRight',\n\t\tdesoutAnimation: '',\n\t\tlfxtitlein:'',\n\t\tlfxtitleout:'',\n\t\tlfxdesin:'',\n\t\tlfxdesout:'',\n\t\tbuttonAnimation: 'normal',\n\t\tbuttonoutAnimation: '',\n\t\tredirecturl: '',\n\t\tredirectdelay: '',\n\t\tcontentposition: 'center',\n\t\tbgtransition: 'fade',\n    bgtransitionreverse: 'fade',\n    fullscreenmobile: '0',\n\t\t\t\t\t\trepeat: false,\n\t\t\t\t\t\tsliderestart: true,\n\t\t\t\t\t\t\t\t\t\tsliderpause: true,\n\t\tmainId: 'particles-js25985',\n\t\tsid: '25985',\n\t\tslidertype: 'no_effect',\n        beforeChange: function(){\n\t\t\t\/\/alert(\"i am changing..\");\n\t\t}\n    };   \n    function firesliderx(){\n\t\tjQuery('#particles-js25985').sliderX();\n\t}\n\t\t\tif(jQuery('.second_div_hero').length<1)\n\t\t\tfiresliderx();\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tvar fullwidth = jQuery(window).width(); \n\t\tvar maindivcon = $('#particles-js25985').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\t\tjQuery('#particles-js25985').css({\n\t\t\t'left':'-'+getleft.left+'px',\n\t\t});\n\t}, 500);\n});\n\tvar fullwidth = jQuery(window).width();\n\t\t\tvar maindivcon = $('#particles-js25985').parent()[0];\n\t\tvar getleft = getOffset1(maindivcon);\n\tjQuery('#particles-js25985').css({\n\t\t'left':'-'+getleft.left+'px',\n\t});\n$(window).resize(function() {\n\tsetTimeout(function(){\n\t\tif(jQuery(window).width()<767){\n\t\t\tvar maindivcontainer = $('#particles-js25985');\n\t\t\tvar present_slide = maindivcontainer.find('.qcld_hero_content_area:visible');\n\t\t\t\/\/present_slide.css('height',maindivcontainer.height()+'px');\n\t\t}\n\t}, 500);\n});\n$('body').css({\n\t'overflow-x':'hidden',\n});\n});\nvar mainId = 'particles-js25985';\nvar no_effect_mainId = 'particles-js25985';\n<\/script>\n<script type=\"text\/javascript\">\njQuery( document ).ready(function($) {\n  var player;\n  function onYouTubeIframeAPIReady() {\n      player = new YT.Player('hero_youtube_video', {\n          width: 600,\n          height: 400,\n          videoId: 'QgLvEiNct9Y',\n          playerVars: {\n              color: 'white',\n  \t\t\tautoplay: 1,\n  \t\t\tcontrols: 0,\n  \t\t\trel: 0,\n  \t\t\tshowinfo: 0,\n  \t\t\t  \t\t\tloop: 0,\n  \t\t\t  \t\t\tmodestbranding: 1,\n  \t\t\t  \t\t\tmute: 0\n  \t\t\t          },\n          events: {\n              onReady: initialize,\n  \t\t\t      onStateChange: function(e) {\n                if (e.data === YT.PlayerState.ENDED) {\n                  player.setPlaybackQuality('hd1080');\n                  player.playVideo(); \n                }\n                onPlayerStateChange( e );\n              }\n          }\n      });\n  }\n  function initialize(event){\n  \tplayer.setPlaybackQuality('hd1080');\n  \tevent.target.playVideo();\n    player.playVideo();\n  }\n  function onPlayerStateChange(event) {\n  \tconsole.log(player.getPlayerState(), 'rtesererwe');\n    var myYInterval = setInterval(function(){\n      if(jQuery('#hero_youtube_video25985').parent().attr('class')=='fluid-width-video-wrapper'){\n        jQuery('#hero_youtube_video25985').unwrap();\n        clearInterval(myYInterval);\n      }\n    }, 500);\n  }\n  jQuery(window).load(function($){\n  \tjQuery(document).on('click', '.qcld_hero_content_area', function(e){\n  \t\tplayer.playVideo();\n  \t})\n  \tiframeHeight = jQuery('#hero_youtube_video25985').height();\n  \tcontainerHeight = jQuery('#particles-js25985').height();\n  \tactualHeight = (iframeHeight - containerHeight)\/2;\n  \tjQuery('.sh_bg_video_fluid > iframe').css({'top': '-'+actualHeight+'px'});\n  });\n  onYouTubeIframeAPIReady();\n});\n<\/script>\n<\/div>\n<style type=\"text\/css\">\n<\/style>\nContinuons avec la vraie strat\u00e9gie!Avec plusieurs ann\u00e9es d&rsquo;exp\u00e9rience dans le domaine des principaux r\u00e9seaux de recherche combin\u00e9es avec la ma\u00eetrise de technologies, le succ\u00e8s ne rel\u00e8ve pas du hasard.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-897","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/pages\/897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/comments?post=897"}],"version-history":[{"count":5,"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/pages\/897\/revisions"}],"predecessor-version":[{"id":1514,"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/pages\/897\/revisions\/1514"}],"wp:attachment":[{"href":"https:\/\/www.pidz.live\/l\/wp-json\/wp\/v2\/media?parent=897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}