Charte de qualit茅 en r茅f茅rencement de l'agence Awelty

<!DOCTYPE html> <html lang="fr"> <head> <title>Charte de qualit茅 en r茅f茅rencement de l'agence Awelty</title>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"> <meta name="msapplication-tap-highlight" content="no"> <meta property="og:title" content="Charte de qualit茅 en r茅f茅rencement de l'agence Awelty"/> <meta property="og:url" content="https://www.awelty.fr/pages/webmarketing/referencement-naturel/charte-qualite-referencement.html"/> <meta property="og:type" content="website"/> <link rel="canonical" href="https://www.awelty.fr/pages/webmarketing/referencement-naturel/charte-qualite-referencement.html"> <meta name="generator" content="Awelty Agence Web (awelty.com)"> <link rel="icon" href="https://www.awelty.fr/medias/site/favicon/a_fav.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_114_114" /> <link rel="apple-touch-icon" sizes="72x72" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_72_72" /> <link rel="apple-touch-icon" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link rel="apple-touch-icon-precomposed" href="https://www.awelty.fr/medias/site/mobilefavicon/icon_red.png?fx=c_57_57" /> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> <meta name="ahrefs-site-verification" content="cc12c106b6f6c58849e772686d8e843243072d6458681fc5a491b570c48fb927"> <meta name="facebook-domain-verification" content="a3l6om3vj78v4s3nb5glai42w7v82a" /> <script defer src="https://sibforms.com/forms/end-form/build/main.js"></script> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '430592938286861'); fbq('track', 'PageView'); </script>  <meta name="theme-color" content="#FFFFFF"> <meta name="msapplication-navbutton-color" content="#FFFFFF"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700%7CRoboto%20Condensed:300,400,700&display=swap" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//www.awelty.fr/themes/combined.css?v=6_1646067808_2292" rel="stylesheet">  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.min.js"></script>   <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/ems-framework.min.js?v=1743"></script> <script src="https://www.awelty.fr/themes/content.js?v=6_1646067808_2292&lang=fr"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-874445-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-874445-2'); </script> <script type="application/ld+json"> { "@context" : "https://schema.org/", "@type" : "WebSite", "name" : "Awelty", "url" : "https://www.awelty.fr/" } </script> </head> <body id="pages_run_webmarketing_referencement-naturel_charte-qualite-referencement" class="default menu-fixed">  <nav class="navbar navbar-top navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button data-toggle="collapse" data-target="#navbar" data-orientation="horizontal" class="btn btn-link navbar-toggle"> <i class="fa fa-bars"></i> </button> <a class="brand" href="https://www.awelty.fr/"> <img src="https://www.awelty.fr/medias/site/logos/logo-awelty.jpg" alt="Awelty"> </a> </div> <div id="navbar" class="collapse"> <ul class="primary-navbar">  <li class="mother-container"> <div class="align-menu"> <a href="/pages/studio-web/creation-de-site/" class="mother-category">Studio web</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="studio-web-menu"> <div> <ul> <li> <a href="/pages/studio-web/creation-de-site/" class="under-mother">Cr茅ation de site</a> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/">Cr茅ation de site e-commerce</a></li> <li><a href="/pages/studio-web/creation-de-site/site-e-commerce/creation-site-e-commerce-cms-prestashop.html">Cr茅ation de site PrestaShop</a></li> <li><a href="/pages/studio-web/creation-de-site/creation-refonte-site-web-vitrine.html">Cr茅ation de site vitrine</a></li> <li><a href="/pages/studio-web/creation-de-site/cms-awelty.html">CMS awelty</a></li> <li><a href="/pages/studio-web/creation-de-site/etapes-creation-site-web.html">Etapes de cr茅ation</a></li> <li><a href="/pages/studio-web/creation-de-site/tarifs-creation-de-site-internet.html">Tarifs d'un site web</a></li> <li><a href="/pages/studio-web/creation-de-site/exemples-de-sites-crees.html">Exemples de sites</a></li> <li><a href="/pages/studio-web/creation-de-site/webmastering-maintenance-site-web.html">Webmastering</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">D茅veloppement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/studio-web/developpement/developpement-web-application-metier.html">D茅veloppement sp茅cifique</a></li> </ul> </li> </ul>  <ul> <li> <span class="under-mother">Application mobile</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/application-mobile/developpement-applications-mobiles-sur-mesure.html">D茅veloppement d鈥檃pplication mobile</a></li> <li><a href="/pages/studio-web/application-mobile/etapes-creation-application-mobile.html">Les 茅tapes de cr茅ation</a></li> </ul> </li> </ul> <ul class="margin-t"> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level"> <li><a href="/pages/studio-web/agent-conversationnel/creation-chatbot-agent-conversationnel-amiens.html">Cr茅ation de Chatbot</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/agence-de-communication/" class="mother-category">Communication</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="communication-menu"> <div> <ul> <li> <a href="/pages/agence-de-communication/studio-graphique/" class="under-mother">Studio Graphique</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/studio-graphique/conception-pao.html">Conception PAO</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Webdesign</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/webdesign/template-e-monsite.html">Webdesign EMS</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother margin-bottom">R茅seaux Sociaux</span> </li> <ul class="third-level margin-bottom"> <li><a href="/pages/agence-de-communication/reseaux-sociaux/communication-reseaux-sociaux.html">Gestion des r茅seaux sociaux</a></li> <li><a href="/pages/agence-de-communication/reseaux-sociaux/creation-banniere-video-facebook.html">Banni猫re Facebook anim茅e</a></li> </ul> </ul> <ul> <li> <span class="under-mother">Production audiovisuelle</span> </li> <ul class="third-level"> <li><a href="/pages/agence-de-communication/production-audiovisuelle/photographie.html">Photographies</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/videos.html">Vid茅os</a></li> <li><a href="/pages/agence-de-communication/production-audiovisuelle/motion-design.html">Motion-design</a></li> </ul> </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/webmarketing/" class="mother-category">Webmarketing</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="webmarketing-menu"> <div> <ul> <li> <a href="/pages/webmarketing/referencement-naturel/" class="under-mother">R茅f茅rencement naturel</a> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-naturel/audit-referencement-seo.html">Audit SEO</a></li> <li><a href="/pages/webmarketing/referencement-naturel/etapes-referencement-site-web.html">Etapes du r茅f茅rencement</a></li> <li><a href="/pages/webmarketing/referencement-naturel/charte-qualite-referencement.html">Charte de qualit茅</a></li> <li><a href="/pages/webmarketing/referencement-naturel/redaction-web.html">R茅daction web</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅f茅rencement payant</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/webmarketing/referencement-payant/creation-campagne-google-adwords-sea.html">Cr茅ation d'une campagne Ads</a></li> <li><a href="/pages/webmarketing/referencement-payant/campagnes-adwords.html">Gestion d鈥檜ne campagne Ads</a></li> </ul> </li> </ul> <ul> <li> <a href="/pages/webmarketing/campagne-e-mailing/" class="under-mother">Campagne emailing</a> </li>  </ul> </div> </div> </li>  <li class="mother-container"> <div class="align-menu"> <a href="/pages/formations-outils-innovants/" class="mother-category">Formations</a> <i class="ion-ios-arrow-down" aria-hidden="true"></i> </div> <div class="second-level" id="formation-menu"> <div> <ul> <li> <span class="under-mother">Cr茅ation de site internet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-creation-site-internet/">Formations cr茅ation de site internet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅f茅rencement</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-referencement-web/">Formations au r茅f茅rencement SEO et SEA</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">R茅seaux sociaux</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-reseaux-sociaux/">Formations aux r茅seaux sociaux</a></li> </ul> </li> </ul> </div> <div class="margin-left"> <ul> <li> <span class="under-mother">Chatbot</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-chatbot/">Formations chatbot</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Gestion de projet</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formation-gestion-de-projet/">Formations en gestion de projet</a></li> </ul> </li> </ul> <ul> <li> <span class="under-mother">Emailing</span> </li> <li> <ul class="third-level margin-bottom"> <li><a href="/pages/formations-outils-innovants/formations-emailing/">Formations campagnes emailing</a></li> </ul> </li> </ul> </div> </div> </li>  <li class="mother-container"><a href="/blog/" class="mother-category">Blog</a></li>  <li class="mother-container"><a href="/pages/contact.html" class="mother-category">Contact</a></li>  <li class="mother-container"><a href="/pages/combien-coute-un-site-web.html" class="mother-category">Devis en ligne</a></li>  <li class="mother-container"><a href="tel:0971169700" class="mother-category"><i class="fa fa-phone fa-fw" aria-hidden="true"></i>09 71 16 97 00</a></li> </ul> </div> </div> </nav>  <div id="wrapper" class="full-row">  <div id="main"> <div class="view view-pages" id="view-page" data-id-page="53a03e052819d597aac28c39" > <div id="rows-60c378bba82c8bcc274f627d" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 blue-bg padding-t-b no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column flex-col" style="width:100%"> <div id="cell-5852586f890dd597aac251b2" class="column-content"> <h1 class="center-t white-t margin-b">Charte de qualit茅 de r茅f茅rencement</h1> <p class="center-t"><a class="large-btn dark-grey-bg white-t" href="/contact/demande-de-devis-pour-referencement.html">Demander un devis</a></p> </div> </div> </div> </div> </div> <div class="row-container rd-2 row-highlighted no-margin page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-585028760dded597aac2a060" class="column-content"> <div class="card-shadow"> <ul class="charte-container"> <li class="charte-bloc"> <div class="charte-header"><img src="/medias/images/duplicat-icon.png" alt="Transparence par rapport aux clients"/> <h3 class="bleu-t">Être transparents</h3> </div> <p class="charte-desc">Nous vous indiquerons les actions menées et à mener sur votre site. Nous vous éduquerons pour une meilleure compréhension des moteurs de recherche et du référencement. Ainsi vous êtes en mesure de mieux comprendre le but de nos actions et nos recommendations.</p> </li> <div class="charte-bloc"> <div class="charte-header"><img src="/medias/images/browser-icon.png" alt="Optimisation moteurs de recherche"/> <h3 class="bleu-t">Respecter des consignes des moteurs de recherche</h3> </div> <p class="charte-desc">Nous suivons les consignes dictées par les moteurs de recherche et ne nous engagerons pas dans le référencement dit "Black hat". Cela nous permet de ne pas craindre les évolutions d'algorithme et de pérenniser les résultats. Voici les consignes de Google (moteur de recherche le plus utilisé en France): <a href="https://support.google.com/webmasters/answer/35769?hl=fr" title="Consignes aux Webmasters">https://support.google.com/webmasters/answer/35769?hl=fr</a></p> </div> <div class="charte-bloc"> <div class="charte-header"><img src="/medias/images/validation-etapes.png" alt="Vieille des technologies des moteurs de recherches"/> <h3 class="bleu-t">Se tenir informés de l'évolution des moteurs de recherche</h3> </div> <p class="charte-desc">Les moteurs de recherche et leurs algorithmes 茅voluent constamment. Nous nous tenons inform茅s sur ces consignes quotidiennement et effectuons des tests sur nos propres sites.</p> </div> <div class="charte-bloc"> <div class="charte-header"><img src="/medias/images/enligne-etapes.png" alt="La premi猫re place en SEO"/> <h3 class="bleu-t">Ne pas garantir une première place</h3> </div> <p class="charte-desc">Nous ne contr么lons pas les pages de r茅sultats (SERP), et ne pouvons vous promettre ou garantir une premi猫re place sur une requ锚te. En r茅alit茅, personne ne le peut. Nous vous promettons en revanche que nous ferons tout notre possible pour y arriver.</p> </div> <div class="charte-bloc"> <div class="charte-header"><img src="/medias/images/trafic-icon.png" alt="Suivi de site SEO"/> <h3 class="bleu-t">Suivre votre site apr猫s la prestation</h3> </div> <p class="charte-desc">Une fois les audits rendus, nous ne vous laissons pas tomber. Nous vous envoyons des rapports chaque mois sur vos positions et pouvons recommander des ajustements selon les r茅sultats.</p> </div> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <script> emsChromeExtension.init('page', '53a03e052819d597aac28c39', 'awelty.com'); </script> </div>  </div>   <footer id="footer"> <div id="footer-wrapper"> <div class="container">  <div id="bottom-site"> <div id="rows-6023a27f763a5676ee5e99e9" class="rows" data-total-pages="1" data-current-page="1"> <div class="row-container rd-1 page_1"> <div class="row-content"> <div class="row" data-role="line"> <div data-role="cell" class="column" style="width:100%"> <div id="cell-5dfa4b74a326d4558d133ef0" class="column-content"> <div class="row"> <div class="column column6"> <p class="center-t-phone"><span class="bold white-t">Vous souhaitez avoir plus d'informations sur nos offres ?</span><br /> N'hésitez pas à nous contacter pour recevoir un devis gratuit.</p> <div class="flex-row flex-center-phone"> <p><a class="large-btn blue-gradient-bg" href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></p> <p class="margin-l"><a class="large-btn green-gradient-bg" href="/pages/contact.html">Nous contacter</a></p> </div> </div> <div class="column column6"> <div class="f-end flex-col-phone center-t-phone"><i class="ion-ios-location-outline pin hidden-tablet hidden-phone"></i> <p><img alt="Logo Agence Awelty" src="/medias/files/logo-awelty-white.svg" width="45" style="margin-right:1em;" /></p> <p class="text-right"><a href="https://www.google.fr/maps/place/19+Rue+Lamartine,+80000+Amiens/@49.8922794,2.3028766,17z/data=!3m1!4b1!4m5!3m4!1s0x47e78448144b4561:0x70962f775ddb070c!8m2!3d49.8922794!4d2.3050653">19 Rue Lamartine</a><br /> 80 000 - Amiens<br /> <span class="footer-baseline">Le groupe awelty:</span><br /> <a href="tel:0322808938" title="Appeler le groupe awelty">03.22.80.89.38</a></p> </div> </div> </div> <hr /> <div class="row center-t-phone"> <div class="column column3"> <p class="footer-title">A propos</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/se-rendre-chez-awelty.html">Se rendre à l'agence</a></li> <li><a href="/pages/a-propos.html">Présentation</a></li> <li><a href="/pages/recrutement.html">Recrutement</a></li> <li><a href="/medias/files/agence-awelty-cgv.pdf">CGV Agence awelty</a></li> </ul> </div> <div class="column column3"> <p class="footer-title">Liens utiles</p> <ul class="list-unstyled list-footer"> <li><a href="/pages/contact.html">Nous contacter</a></li> <li><a href="/blog/">Le blog</a></li> <li><a href="/pages/combien-coute-un-site-web.html">Devis en ligne</a></li> </ul> </div> <div class="column column6"> <div class="flex-row flex-center flex-col-phone"> <p class="bold follow-title margin-b-phone">Nous suivre</p> <ul class="list-unstyled flex-row flex-center space-around" id="social-link-footer"> <li><a href="https://www.linkedin.com/company/awelty/"><i aria-hidden="true" class="fa fa-linkedin fa-2x"></i></a></li> <li><a href="https://www.facebook.com/awelty.fr/?fref=ts"><i aria-hidden="true" class="fa fa-facebook fa-2x"></i></a></li> <li><a href="https://twitter.com/awelty_fr?lang=fr"><i aria-hidden="true" class="fa fa-twitter fa-2x"></i></a></li> <li><a href="https://www.instagram.com/awelty_fr/"><i aria-hidden="true" class="fa fa-instagram fa-2x"></i></a></li> <li><a href="https://www.youtube.com/channel/UCyaXmRUgjvtOV1sbwtGP3kg"><i aria-hidden="true" class="fa fa-youtube fa-2x"></i></a></li> </ul> </div> </div> <div class="column column3"> <p class="footer-title">Agence Certifi茅e Google Partner</p> <ul class="list-unstyled list-footer"> <li> <a href="https://www.google.com/partners/agency?id=9945667604" target="_blank"> <img src="https://www.gstatic.com/partners/badge/images/2023/PartnerBadgeClickable.svg"/> </a> </li> </ul> </div> <div class="column column3"> <p class="footer-title">Agence Certifi茅e Meta Business Partner</p> <ul class="list-unstyled list-footer"> <li><a href="https://www.facebook.com/business/partner-directory/search?id=8312149982190389" target="_blank"><img src="/medias/images/meta-business-partner.png" /></a></li> </ul> </div> </div> <hr /> <div class="row"> <div class="column column12"> <div class="flex-row flex-center space-between flex-col-phone"> <p class="footer-baseline center-t-phone">Plus de 17 ans d'expérience dans la communication et la création de site web.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer>  <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.mobile.custom.min.js"></script> <script src="//www.awelty.fr/medias/static/themes/ems_framework/js/jquery.zoom.min.js"></script> <script src="https://www.awelty.fr/themes/custom.js?v=6_1646067808_2292"></script>  <script> $(document).ready(function() { /*Modif Janvier 2018*/ if (window.matchMedia("(max-width: 991px)").matches) { $("li.mother-container i.ion-ios-arrow-down").on('click', function(){ $(this).parent().siblings('.second-level').slideToggle(); }); var changeIcon = $('.navbar-toggle').children("i"); changeIcon.removeClass('fa fa-bars').addClass('ion-navicon'); $('.container').on('click', '#navbar-overlay, .navbar-toggle', function() { if ( $(changeIcon).hasClass('close') ) { $(changeIcon).addClass('ion-navicon').removeClass('ion-android-close').removeClass('close'); } else { $(changeIcon).addClass('ion-android-close').removeClass('ion-navicon').addClass('close'); }; }); }; $(document).scroll(function () { if ($(this).scrollTop() > 10) { $('nav.navbar-top').addClass('shadow-navbar'); } else { $('nav.navbar-top').removeClass('shadow-navbar'); } }); /*EFFET SUR LE LOGO AU SCROLL*/ /*window.onscroll = function(Event) { var scroll = document.body.scrollTop; var scale = scroll * 10 / 2500; var less = 1 - scale; var logo = document.getElementById("logo"); if ( (scroll < 150) && (logo) ) { if ( less > 0 ) { logo.style.transform = "scale(" + less + "," + less +")"; logo.style.opacity = 1; } else { petit.style.opacity = 0; logo.style.transform = "scale(0, 0)"; } } }*/ /*HOVER EFFET (3) DU BLOC PULSE*/ /*PULSE HOVER*/ $( "#pulse-1, #pulse-2" ).hover( function() { $(this).find(".cont-pulse-f").addClass("pulse-up"); $(this).find(".fa-chevron-circle-up").addClass("rotate"); $(this).find('.cont-pulse-f p').addClass('opacity-ok'); }, function() { $(this).find(".cont-pulse-f").removeClass("pulse-up"); $(this).find(".fa-chevron-circle-up").removeClass("rotate"); $(this).find('.cont-pulse-f p').removeClass('opacity-ok'); }); /*CLIENT LIST MOCKUP ANIMATION ON CLICK*/ $('li[role=line_ref]').click(function(e){ if($(this).hasClass('active-li-ref')){ return false;} $('li[role=line_ref]').removeClass('active-li-ref'); $('div[role=line_ref_desc]').hide("slow"); $(this).addClass('active-li-ref'); $('.'+$(this).attr('id').replace('ref-','')+'-content').show("slow"); var cat_type = $(this).attr('data-cat'); if( cat_type == 'web' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-1'); }else if( cat_type == 'video' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-2').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-0'); }else if( cat_type == 'pao' ){ $('#slider-img-client ul').removeClass('client-up-1').removeClass('client-up-0').removeClass('client-up-3'); $('#slider-img-client ul').addClass('client-up-2'); }else if( cat_type == 'appli' ){ $('#slider-img-client ul').removeClass('client-up-0').removeClass('client-up-2').removeClass('client-up-1'); $('#slider-img-client ul').addClass('client-up-3'); } var num = $(this).attr('id').substr(-1, 1); $('.site-client-img').removeClass('site-client-1').removeClass('site-client-2').removeClass('site-client-3').removeClass('site-client-4'); $('.site-client-img').addClass('site-client-'+num); }); /*SCRIPT CENTER IMAGE*/ $('.media-object').children().addClass("item-img"); var imageHeight, wrapperHeight, overlap, nodes = document.querySelectorAll('.media-object .item-img'); $(window).on("load resize", centerImage); function centerImage() { for (var i=0; i<nodes.length; i++) { container = $(nodes[i]); imageHeight = container.find('img').height(); wrapperHeight = container.height(); overlap = (wrapperHeight - imageHeight) / 2; container.find('img').css('margin-top', overlap); } } for (var i=0; i<nodes.length; i++) { var el = $(nodes[i]); if (el.addEventListener) { el.addEventListener("webkitTransitionEnd", centerImage, false); // Webkit event el.addEventListener("transitionend", centerImage, false); // FF event el.addEventListener("oTransitionEnd", centerImage, false); // Opera event } } }); // End of document ready function </script> </body> </html>

CINXE.COM

Charte de qualit茅 en r茅f茅rencement de l'agence Awelty