Condition IE9
Bonjour,
j'ai créer un site html/css qui après un chargement d'un loader animé en SVG, affiche ma page " accueil ".
Comment pourrais-je faire en JS pour que quand le navigateur est IE9, ne pas prendre en compte le loader animé en SVG ainsi que les fichiers JS concernants ce loader mais afficher directement la page accueil.
voilà mon code html de base :
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<meta charset="utf-8"/>
<meta name="fb_admins_meta_tag" content=""/>
<meta name="keywords" content="B to B, B2B, Manitoba, actualité, agence, annonce presse, communication, industrie, marketing opérationnel, publicité, web, édition, événement"/>
<meta name="description" content="Manitoba, Agence Globale, Conseil en Communication, Campagnes de communication, Marketing Opérationnel, Communication BtoB, Print, Digital, Event."/>
<meta property="og:title" content="Manitoba I Agence Conseil en Stratégie de Communication B2B"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.manitoba.fr/"/>
<meta property="og:site_name" content="Manitoba I Agence Conseil en Stratégie de Communication B2B"/>
<meta property="og:description" content="Manitoba, Agence Globale, Conseil en Communication, Campagnes de communication, Marketing Opérationnel, Communication BtoB, Print, Digital, Event."/>
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/>
<!-- TITLE -->
<title>Manitoba I Agence Conseil en Stratégie de Communication B2B</title>
<!-- LINK / CSS -->
<!-- favico -->
<link rel="shortcut icon" href="../favicon.ico">
<!-- css -->
<link rel="stylesheet" type="text/css" href="css/style.css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" media="all">
<noscript><link rel="stylesheet" type="text/css" href="css/noJS.css"/></noscript>
</head>
<body>
<!-- DEBUT LOADER -->
<div id="chargement">
<div class="logo-wrap">
<div id='logo'></div>
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 201.4 9.1" style="enable-background:new 0 0 201.4 9.1;" xml:space="preserve">
<g>
<path class="st0" d="M1.2,0v8h5.5v1.1H0V0H1.2z"/>
<path class="st0" d="M8.2,6c0,0.2,0.1,0.3,0.1,0.5C8.5,7.2,8.8,7.5,9,7.7c0.3,0.3,0.6,0.5,1.2,0.6c0.2,0,0.3,0,0.5,0
c0.1,0,0.7,0,1.2-0.2c0.2-0.1,0.2-0.1,0.4-0.3c0.1-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0.2-0.3,0.2-0.4L14,7c-0.2,0.4-0.3,0.8-0.7,1.3
c-0.4,0.4-0.9,0.8-1.9,0.9c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.4,0-0.7-0.1C9,9.1,8.5,8.7,8.2,8.4C7.9,8.2,7.8,8,7.7,7.9
C7.4,7.5,7.1,6.8,7.1,5.7c0-1.2,0.5-2.1,1-2.5c0.4-0.4,1-0.7,1.4-0.8c0.3-0.1,0.6-0.1,1.2-0.1c1,0,1.7,0.3,2.1,0.7
C13,3,13.2,3.1,13.4,3.3c0.2,0.2,0.3,0.5,0.4,0.6c0.2,0.4,0.3,0.7,0.3,0.8c0.1,0.5,0.1,0.9,0.1,1.3L8.2,6z M12.9,5.1
c-0.1-0.4-0.2-0.7-0.5-1.1c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.2-0.7-0.4-1.4-0.4c-0.2,0-1,0-1.7,0.6C8.8,4,8.6,4.2,8.5,4.4
C8.4,4.6,8.4,4.7,8.3,5.1H12.9z"/>
<path class="st0" d="M24,0c1.3,0,1.9,0.1,2.6,0.6c0.4,0.3,0.8,0.8,0.8,1.7c0,0.4-0.1,0.9-0.4,1.3c-0.1,0.2-0.3,0.3-0.5,0.4
c-0.1,0.1-0.2,0.1-0.5,0.2c0.1,0,0.5,0.1,0.9,0.4c0.2,0.2,0.3,0.3,0.4,0.5c0.2,0.3,0.3,0.7,0.3,1.3c0,0.8-0.3,1.3-0.6,1.6
c-0.9,1-2.2,0.9-3.1,0.9H20V0H24z M21.2,8H24c0.6,0,1.7,0.1,2.2-0.7c0.1-0.2,0.2-0.4,0.2-0.8c0-0.5-0.2-0.8-0.4-1
c-0.1-0.1-0.2-0.2-0.4-0.3c-0.4-0.2-1-0.2-1.4-0.3h-3V8z M21.3,3.8h3.2c0.7,0,1.1-0.1,1.4-0.5c0.2-0.2,0.3-0.4,0.3-0.9
c0-0.4-0.1-0.6-0.2-0.8c-0.4-0.5-0.9-0.5-1.9-0.5h-2.7V3.8z"/>
<path class="st1" d="M36.7,9.1h-7.9V7.1c0.4-0.3,0.8-0.5,1.2-0.8c0.3-0.2,0.6-0.4,0.9-0.6c0.2-0.2,0.5-0.3,0.7-0.5
C32,5,32.3,4.8,32.6,4.6c0.2-0.1,0.4-0.3,0.6-0.4c0.1-0.1,0.3-0.2,0.4-0.3c0.5-0.4,0.6-0.7,0.6-1c0-0.4-0.4-0.9-1.2-0.9
c-1,0-1.5,0.6-1.6,1.1c0,0.2-0.1,0.2,0,0.4l-2.5-0.1c0-0.1,0-0.2,0-0.4c0.1-0.8,0.4-1.4,0.6-1.8c0.1-0.1,0.1-0.1,0.1-0.2
c0.1-0.1,0.4-0.4,0.6-0.5c0.4-0.3,0.6-0.4,1-0.5C31.7,0.1,32.1,0,33,0c1.3,0,2.2,0.4,2.8,0.9c0.3,0.3,0.4,0.4,0.5,0.6
c0.2,0.3,0.3,0.7,0.3,1.3c0,0.1,0,0.4-0.1,0.7c-0.1,0.4-0.3,1-1.2,1.8c-0.6,0.5-1.4,1-2.8,1.8c0.3,0,0.6,0,0.8-0.1
c0.7,0,1.5,0,2.2,0c0.3,0,0.7,0,1,0V9.1z"/>
<path class="st0" d="M42.4,0c1.3,0,1.9,0.1,2.6,0.6c0.4,0.3,0.8,0.8,0.8,1.7c0,0.4-0.1,0.9-0.4,1.3C45.2,3.8,45,3.9,44.9,4
c-0.1,0.1-0.2,0.1-0.5,0.2c0.1,0,0.5,0.1,0.9,0.4c0.2,0.2,0.3,0.3,0.4,0.5c0.2,0.3,0.3,0.7,0.3,1.3c0,0.8-0.3,1.3-0.6,1.6
c-0.9,1-2.2,0.9-3.1,0.9h-3.9V0H42.4z M39.7,8h2.8c0.6,0,1.7,0.1,2.2-0.7c0.1-0.2,0.2-0.4,0.2-0.8c0-0.5-0.2-0.8-0.4-1
c-0.1-0.1-0.2-0.2-0.4-0.3c-0.4-0.2-1-0.2-1.4-0.3h-3V8z M39.7,3.8h3.2c0.7,0,1.1-0.1,1.4-0.5c0.2-0.2,0.3-0.4,0.3-0.9
c0-0.4-0.1-0.6-0.2-0.8c-0.4-0.5-0.9-0.5-1.9-0.5h-2.7V3.8z"/>
<path class="st0" d="M52.6,6c0,0.2,0.1,0.3,0.1,0.5c0.2,0.6,0.5,0.9,0.7,1.1c0.3,0.3,0.6,0.5,1.2,0.6c0.2,0,0.3,0,0.5,0
c0.1,0,0.7,0,1.2-0.2c0.2-0.1,0.2-0.1,0.4-0.3c0.1-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0.2-0.3,0.2-0.4L58.4,7c-0.2,0.4-0.3,0.8-0.7,1.3
c-0.4,0.4-0.9,0.8-1.9,0.9c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.4,0-0.7-0.1c-0.9-0.1-1.4-0.5-1.7-0.8c-0.2-0.2-0.4-0.4-0.5-0.5
c-0.3-0.4-0.6-1.2-0.6-2.2c0-1.2,0.5-2.1,1-2.5c0.4-0.4,1-0.7,1.4-0.8c0.3-0.1,0.6-0.1,1.2-0.1c1,0,1.7,0.3,2.1,0.7
c0.1,0.1,0.3,0.2,0.5,0.4c0.2,0.2,0.3,0.5,0.4,0.6c0.2,0.4,0.3,0.7,0.3,0.8c0.1,0.5,0.1,0.9,0.1,1.3L52.6,6z M57.3,5.1
c-0.1-0.4-0.2-0.7-0.5-1.1c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.2-0.7-0.4-1.4-0.4c-0.2,0-1,0-1.7,0.6C53.2,4,53,4.2,52.9,4.4
c-0.1,0.2-0.2,0.3-0.2,0.7H57.3z M56.9-0.4l-1.5,1.9h-0.9l0.8-1.9H56.9z"/>
<path class="st0" d="M70.8,9.1h-1.2V5.5c0-0.6,0-1.1-0.1-1.3c-0.2-0.5-0.6-0.9-1.5-0.9c-0.6,0-1,0.2-1.3,0.4
C66.6,3.8,66.5,4,66.4,4C66.1,4.5,66,4.9,66,5.8v3.2h-1.2V5.2c0-0.5,0-1.3-0.6-1.7c-0.1-0.1-0.1-0.1-0.3-0.2
c-0.1-0.1-0.4-0.1-0.7-0.1c-0.6,0-1,0.2-1.3,0.4c-0.1,0.1-0.3,0.3-0.4,0.4c-0.4,0.5-0.4,1.2-0.4,1.7v3.2h-1.2V2.4h1.1l0,1
c0.1-0.1,0.2-0.3,0.4-0.5c0.4-0.4,1-0.7,1.9-0.7c0.7,0,1.2,0.2,1.5,0.4c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.1,0.2,0.2,0.4
c0.1-0.1,0.1-0.2,0.3-0.5c0.9-0.9,2-0.9,2.2-0.9c0.2,0,0.9,0,1.6,0.5c0.3,0.2,0.4,0.4,0.5,0.5c0.4,0.6,0.4,1.3,0.4,2V9.1z"/>
<path class="st0" d="M77.8,2.7c0.2,0.1,0.5,0.3,0.8,0.7c0.4,0.4,0.8,1.2,0.8,2.3c0,0.2,0,1.2-0.5,2c-0.1,0.2-0.3,0.4-0.5,0.6
c-0.2,0.2-0.5,0.4-0.7,0.5c-0.3,0.2-1.1,0.5-2,0.5c-0.2,0-1.1,0-1.8-0.5c-0.2-0.1-0.3-0.2-0.4-0.3c-0.2-0.2-0.5-0.4-0.8-1
c-0.2-0.3-0.4-0.9-0.4-1.7c0-0.5,0.1-1.1,0.4-1.7c0.1-0.1,0.2-0.3,0.2-0.4c0.2-0.3,0.2-0.3,0.4-0.5c0.1-0.1,0.1-0.1,0.2-0.2
c0.1-0.1,0.2-0.1,0.3-0.2c0.4-0.2,0.9-0.5,1.8-0.6C75.8,2.2,76.9,2.2,77.8,2.7z M74.3,3.8c-0.1,0.1-0.3,0.2-0.4,0.4
c-0.2,0.3-0.4,0.8-0.4,1.6c0,0.2,0,0.9,0.5,1.5c0.2,0.2,0.3,0.4,0.6,0.6c0.3,0.2,0.6,0.4,1.2,0.4c0.1,0,0.8,0,1.2-0.3
c0.1-0.1,0.3-0.2,0.4-0.3c0.4-0.4,0.8-1,0.8-2c0-0.8-0.3-1.4-0.6-1.7c-0.2-0.3-0.4-0.4-0.7-0.5c-0.2-0.1-0.6-0.2-1.1-0.2
C75.1,3.2,74.6,3.5,74.3,3.8z"/>
<path class="st0" d="M82.4,0.4v2h1.5v1h-1.5v3.8c0,0.2,0,0.4,0.2,0.6c0.2,0.3,0.6,0.3,0.7,0.3c0.2,0,0.4,0,0.6-0.1v1
c-0.3,0-0.6,0.1-0.9,0.1c-0.1,0-0.8,0-1.3-0.3c-0.2-0.1-0.3-0.3-0.3-0.4c-0.1-0.2-0.2-0.4-0.2-0.8V3.4h-1.1v-1h1.1v-2H82.4z"/>
<path class="st0" d="M86.5,9.1h-1.2V2.4h1.2V9.1z M86.6,0v1.3h-1.2V0H86.6z"/>
<path class="st0" d="M93.5,2.7C93.7,2.7,94,3,94.3,3.3c0.4,0.4,0.8,1.2,0.8,2.3c0,0.2,0,1.2-0.5,2c-0.1,0.2-0.3,0.4-0.5,0.6
c-0.2,0.2-0.5,0.4-0.7,0.5c-0.3,0.2-1.1,0.5-2,0.5c-0.2,0-1.1,0-1.8-0.5c-0.2-0.1-0.3-0.2-0.4-0.3c-0.2-0.2-0.5-0.4-0.8-1
C88.2,7.1,88,6.6,88,5.8c0-0.5,0.1-1.1,0.4-1.7c0.1-0.1,0.2-0.3,0.2-0.4c0.2-0.3,0.2-0.3,0.4-0.5c0.1-0.1,0.1-0.1,0.2-0.2
c0.1-0.1,0.2-0.1,0.3-0.2c0.4-0.2,0.9-0.5,1.8-0.6C91.5,2.2,92.6,2.2,93.5,2.7z M90,3.8c-0.1,0.1-0.3,0.2-0.4,0.4
c-0.2,0.3-0.4,0.8-0.4,1.6c0,0.2,0,0.9,0.5,1.5c0.2,0.2,0.3,0.4,0.6,0.6c0.3,0.2,0.6,0.4,1.2,0.4c0.1,0,0.8,0,1.2-0.3
c0.1-0.1,0.3-0.2,0.4-0.3c0.4-0.4,0.8-1,0.8-2c0-0.8-0.3-1.4-0.6-1.7c-0.2-0.3-0.4-0.4-0.7-0.5c-0.2-0.1-0.6-0.2-1.1-0.2
C90.8,3.2,90.3,3.5,90,3.8z"/>
<path class="st0" d="M111,9.1h-1.2V6.7c0-0.4,0-0.8,0-1.1c0-0.2,0-0.4,0-0.6c-0.1-0.7-0.2-1-0.5-1.3c-0.2-0.2-0.6-0.4-1.2-0.4
c-0.7,0-1.2,0.2-1.4,0.5c-0.2,0.1-0.4,0.3-0.5,0.7C106,4.7,106,5,106,5.6v3.4h-1.2V2.4h1.1l0,1c0.1-0.1,0.2-0.3,0.3-0.4
c0.4-0.4,1.1-0.8,2.1-0.8c0.2,0,0.8,0,1.4,0.3c0.1,0,0.3,0.1,0.4,0.3c0.3,0.3,0.5,0.5,0.6,0.8c0.2,0.5,0.3,1,0.3,1.6V9.1z"/>
<path class="st0" d="M103,9.1h-1.2V6.7c0-0.4,0-0.8,0-1.1c0-0.2,0-0.4,0-0.6c-0.1-0.7-0.2-1-0.5-1.3c-0.2-0.2-0.6-0.4-1.2-0.4
c-0.7,0-1.2,0.2-1.4,0.5c-0.2,0.1-0.4,0.3-0.5,0.7C98,4.7,97.9,5,97.9,5.6v3.4h-1.2V2.4h1.1l0,1C97.9,3.3,98,3.2,98.2,3
c0.4-0.4,1.1-0.8,2.1-0.8c0.2,0,0.8,0,1.4,0.3c0.1,0,0.3,0.1,0.4,0.3c0.3,0.3,0.5,0.5,0.6,0.8c0.2,0.5,0.3,1,0.3,1.6V9.1z"/>
<path class="st0" d="M113.4,6c0,0.2,0.1,0.3,0.1,0.5c0.2,0.6,0.5,0.9,0.7,1.1c0.3,0.3,0.6,0.5,1.2,0.6c0.2,0,0.3,0,0.5,0
c0.1,0,0.7,0,1.2-0.2c0.2-0.1,0.2-0.1,0.4-0.3c0.1-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0.2-0.3,0.2-0.4l1.1,0.2c-0.2,0.4-0.3,0.8-0.7,1.3
c-0.4,0.4-0.9,0.8-1.9,0.9c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.4,0-0.7-0.1c-0.9-0.1-1.4-0.5-1.7-0.8c-0.2-0.2-0.4-0.4-0.5-0.5
c-0.3-0.4-0.6-1.2-0.6-2.2c0-1.2,0.5-2.1,1-2.5c0.4-0.4,0.9-0.7,1.4-0.8c0.3-0.1,0.6-0.1,1.2-0.1c1,0,1.7,0.3,2.1,0.7
c0.1,0.1,0.3,0.2,0.5,0.4c0.2,0.2,0.3,0.5,0.4,0.6c0.2,0.4,0.3,0.7,0.3,0.8c0.1,0.5,0.1,0.9,0.1,1.3L113.4,6z M118.1,5.1
c-0.1-0.4-0.2-0.7-0.5-1.1c-0.1-0.1-0.2-0.2-0.3-0.3c-0.3-0.2-0.7-0.4-1.4-0.4c-0.2,0-1,0-1.7,0.6c-0.2,0.2-0.4,0.4-0.5,0.6
c-0.1,0.2-0.2,0.3-0.2,0.7H118.1z"/>
<path class="st0" d="M122,0v9.1h-1.2V0H122z"/>
<path class="st0" d="M125.2,7.7v1.4h-1.4V7.7H125.2z"/>
<path class="st0" d="M127.9,7.7v1.4h-1.4V7.7H127.9z"/>
<path class="st0" d="M130.5,7.7v1.4h-1.4V7.7H130.5z"/>
<path class="st0" d="M139,0v9.1h-2.7V0H139z"/>
<path class="st0" d="M143.5,2.4h1.3v1.8h-1.3v2.2c0,0.3,0,0.6,0.2,0.7c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3,0
c0.2,0,0.4,0,0.5,0v1.9c-1.2,0.1-1.8,0.1-2.3,0c-0.1,0-0.7-0.1-1.1-0.4c-0.4-0.4-0.4-0.9-0.5-1.4V4.2h-1.1V2.4h1.1v-2h2.5V2.4z"/>
<path class="st0" d="M157.7,0c0.3,1.1,0.5,2.2,0.8,3.3c0.1,0.4,0.2,0.8,0.3,1.2l0.2,0.7c0,0.2,0.1,0.3,0.1,0.5c0,0.1,0,0.2,0,0.3
c0-0.1,0-0.2,0-0.3c0-0.2,0.1-0.3,0.1-0.5c0-0.2,0.1-0.4,0.1-0.7c0.1-0.5,0.3-1,0.4-1.5c0.3-1,0.5-2,0.8-3.1h2.7l-2.8,9.1h-2.9
c-0.2-1-0.4-1.9-0.7-2.9c-0.2-0.7-0.3-1.3-0.5-2c-0.1-0.4-0.2-0.9-0.3-1.3c0,0.4-0.1,0.7-0.2,1.1c-0.1,0.4-0.2,0.8-0.3,1.2
c-0.3,1.3-0.6,2.6-0.9,3.9h-2.9L149.1,0h2.8c0.3,1.2,0.6,2.4,0.9,3.6c0.3,1.4,0.5,1.7,0.6,2.4c0.1-0.4,0.1-0.8,0.2-1.2
c0.2-0.7,0.4-1.4,0.5-2.2c0.2-0.9,0.4-1.8,0.6-2.6H157.7z"/>
<path class="st0" d="M169,2.6c0.4,0.2,0.6,0.4,0.8,0.5c0.1,0.1,0.2,0.2,0.3,0.3c0.4,0.4,0.9,1.2,0.9,2.4c0,0.2,0,1.6-1.1,2.6
c-0.6,0.5-1.6,0.9-3,0.9c-0.3,0-1.5,0-2.5-0.6c-0.2-0.1-0.4-0.3-0.4-0.3c-0.2-0.2-0.3-0.3-0.6-0.6c-0.5-0.8-0.6-1.7-0.6-2
c0-0.2,0-0.6,0.2-1.1c0.1-0.3,0.4-1.1,1.3-1.7c0.5-0.3,1.4-0.7,2.6-0.7C167.8,2.2,168.6,2.4,169,2.6z M166.1,4.3
c-0.1,0.1-0.2,0.1-0.2,0.2c-0.3,0.3-0.5,0.6-0.5,1.3c0,0.2,0,0.5,0.1,0.7c0,0.1,0.1,0.2,0.1,0.2c0,0.1,0.1,0.1,0.1,0.2
c0.2,0.2,0.5,0.5,1.1,0.5c0.1,0,0.2,0,0.4-0.1c0.1,0,0.5-0.1,0.8-0.6c0.1-0.1,0.1-0.1,0.1-0.3c0-0.1,0.1-0.2,0.1-0.2
c0-0.1,0.1-0.3,0.1-0.5c0-0.7-0.3-1.4-1.2-1.6c-0.1,0-0.2,0-0.3,0C166.5,4.1,166.2,4.2,166.1,4.3z"/>
<path class="st0" d="M174.6,2.4v1.1c0.1-0.2,0.2-0.3,0.3-0.5c0.3-0.4,0.8-0.7,1.7-0.7c0.2,0,0.5,0,0.7,0.1v2.4
c-0.4-0.1-0.8-0.1-0.9-0.1c-0.1,0-0.9,0-1.4,0.6c-0.3,0.4-0.3,1-0.3,1.4v2.4H172V2.4H174.6z"/>
<path class="st0" d="M180.8,0v4.1l2.1-1.7h3.7c-0.1,0.1-0.3,0.2-0.4,0.3c-0.2,0.1-0.4,0.3-0.6,0.4l-1,0.8c-0.4,0.3-0.8,0.6-1.2,0.9
c0.2,0.2,0.3,0.4,0.5,0.6c0.2,0.3,0.4,0.6,0.6,0.8c0.2,0.2,0.3,0.4,0.5,0.6c0.1,0.1,0.2,0.3,0.3,0.4c0.1,0.1,0.1,0.2,0.2,0.3
c0.1,0.2,0.2,0.3,0.3,0.4c0.1,0.1,0.2,0.3,0.3,0.4c0.1,0.2,0.2,0.3,0.4,0.5h-3.1c-0.1-0.2-0.3-0.4-0.4-0.6
c-0.3-0.4-0.6-0.8-0.9-1.2c-0.1-0.2-0.2-0.3-0.3-0.5c-0.1-0.2-0.2-0.3-0.4-0.5l-0.7,0.5v2.2h-2.6V0H180.8z"/>
<path class="st0" d="M191.5,4.4c-0.1-0.4-0.5-0.6-1.2-0.6c-0.3,0-0.7,0.1-0.8,0.1c-0.1,0.1-0.2,0.2-0.2,0.3c0,0.2,0.2,0.3,0.5,0.3
c0.3,0,0.5,0.1,0.8,0.1c0.6,0.1,1.6,0.2,2.3,0.4c0.1,0,0.3,0.1,0.5,0.3c0.1,0.1,0.2,0.2,0.2,0.2c0.1,0.1,0.2,0.3,0.3,0.4
c0.1,0.1,0.2,0.4,0.2,0.8c0,0.1,0,0.6-0.2,1c-0.1,0.2-0.2,0.3-0.3,0.4c-0.1,0.1-0.2,0.2-0.3,0.3c-0.2,0.1-0.3,0.2-0.3,0.2
c-0.1,0.1-0.3,0.1-0.4,0.2c-0.4,0.1-1.1,0.3-2,0.3c-0.3,0-1,0-1.8-0.3c-0.2-0.1-0.9-0.3-1.4-0.8c-0.4-0.5-0.5-1-0.5-1.1l2.6-0.1
c0,0,0.1,0.2,0.3,0.4c0.2,0.2,0.6,0.3,1.2,0.3c0.5,0,0.9-0.1,0.9-0.4c0,0,0-0.1-0.1-0.2c-0.1-0.2-0.3-0.2-0.6-0.3
c-0.5-0.1-1-0.1-1.5-0.2c-0.7-0.1-0.9-0.1-1.3-0.3c-0.1,0-0.2-0.1-0.3-0.1c-0.1,0-0.2-0.1-0.4-0.2c-0.5-0.4-0.6-1-0.6-1.5
c0-0.3,0.1-0.7,0.3-1c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.2-0.2,0.4-0.4c0.1-0.1,0.2-0.1,0.5-0.3c0.5-0.2,1.1-0.4,2.2-0.4
c0.2,0,1.3,0,2.2,0.4c0.4,0.2,0.7,0.5,0.9,0.7c0.3,0.4,0.4,0.8,0.4,1L191.5,4.4z"/>
<path class="st0" d="M201.4,0v3L201,5.7h-1.9l-0.4-2.7V0H201.4z M201.4,9.1h-2.6V6.4h2.6V9.1z"/>
</g>
</svg>
</div>
</div>
<!-- FIN LOADER -->
<!-- DEBUT CONTAINER -->
<div id="container">
<!-- HEADER Codrops top bar -->
<div class="codrops-top clearfix">
<img src="images/logoManitoba.png" alt="Manitoba">
</div>
<!-- /HEADER Codrops top bar -->
<!-- BARRE DE MESSAGE -->
<div class="ban_message">
<!-- triangle bas -->
<div class="triangle_bas"></div>
<!-- message -->
<div class="message">
<h4>SITE EN CONSTRUCTION, ÉQUIPE À PLEIN RÉGIME !</h4>
</div>
</div>
<!-- /BARRE DE MESSAGE -->
<!-- MAIN -->
<div class="main">
<!-- gamma-container -->
<div class="gamma-container gamma-loading" id="gamma-container">
<!-- gamma-gallery -->
<ul class="gamma-gallery">
<!-- image 1 : -->
<li>
<div data-alt="img01" data-description="<h3><b>ARPÈGE :</b> Plateforme de marque et charte graphique</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image1.jpg" data-min-width="200"></div>
<div data-src="images/small/image1.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image1.jpg"></div>
<noscript>
<img src="images/xsmall/image1.jpg" alt="img01"/>
</noscript>
</div>
</li>
<!-- image 2 : -->
<li>
<div data-alt="img02" data-description="<h3><b>CANAL + :</b> Concept et dispositif opérationnel << click & collect >></h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image2.jpg" data-min-width="200"></div>
<div data-src="images/small/image2.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image2.jpg"></div>
<noscript>
<img src="images/xsmall/image2.jpg" alt="img02"/>
</noscript>
</div>
</li>
<!-- image 3 : -->
<li>
<div data-alt="img03" data-description="<h3>Plateforme<br/><b>«Instants Privilèges»</b></h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image3.jpg" data-min-width="200"></div>
<div data-src="images/small/image3.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image3.jpg"></div>
<noscript>
<img src="images/xsmall/image3.jpg" alt="img03"/>
</noscript>
</div>
</li>
<!-- image 4 : -->
<li>
<div data-alt="img04" data-description="<h3><b>KONÉ :</b> Campagne webmarketing</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image4.jpg" data-min-width="200"></div>
<div data-src="images/small/image4.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image4.jpg"></div>
<noscript>
<img src="images/xsmall/image4.jpg" alt="img04"/>
</noscript>
</div>
</li>
<!-- image 5 : -->
<li>
<div data-alt="img05" data-description="<h3><b>BEL :</b> Challenge FDV</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image5.jpg" data-min-width="200"></div>
<div data-src="images/small/image5.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image5.jpg"></div>
<noscript>
<img src="images/xsmall/image5.jpg" alt="img05"/>
</noscript>
</div>
</li>
<!-- image 7 : -->
<li>
<div data-alt="img07" data-description="<h3><b>NEXITY :</b> Stimulation des réseaux commerciaux</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image7.jpg" data-min-width="200"></div>
<div data-src="images/small/image7.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image7.jpg"></div>
<noscript>
<img src="images/xsmall/image7.jpg" alt="img11"/>
</noscript>
</div>
</li>
<!-- image 8 : -->
<li>
<div data-alt="img08" data-description="<h3><b>BOUYGUES TÉLÉCOM : </b> web TV</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image8.jpg" data-min-width="200"></div>
<div data-src="images/small/image8.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image8.jpg"></div>
<noscript>
<img src="images/xsmall/image8.jpg" alt="img07"/>
</noscript>
</div>
</li>
<!-- image 10 : -->
<li>
<div data-alt="img10" data-description="<h3><b>TOTAL :</b> Campagne de communication produit</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image10.jpg" data-min-width="200"></div>
<div data-src="images/small/image10.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image10.jpg"></div>
<noscript>
<img src="images/xsmall/image10.jpg" alt="img10"/>
</noscript>
</div>
</li>
<!-- image 6 : -->
<li>
<div data-alt="img06" data-description="<h3><b>RANDSTAD :</b> Plateforme de jeux</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image6.jpg" data-min-width="200"></div>
<div data-src="images/small/image6.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image6.jpg"></div>
<noscript>
<img src="images/xsmall/image6.jpg" alt="img06"/>
</noscript>
</div>
</li>
<!-- image 9 : -->
<li>
<div data-alt="img09" data-description="<h3><b>NEXITY :</b> Plateforme collaborative</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image9.jpg" data-min-width="200"></div>
<div data-src="images/small/image9.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image9.jpg"></div>
<noscript>
<img src="images/xsmall/image9.jpg" alt="img09"/>
</noscript>
</div>
</li>
<!-- image 13 : -->
<li>
<div data-alt="img13" data-description="<h3><b>ARPÈGE :</b> Nouvelle identité visuelle et graphique</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image13.jpg" data-min-width="200"></div>
<div data-src="images/small/image13.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image13.jpg"></div>
<noscript>
<img src="images/xsmall/image13.jpg" alt="img13"/>
</noscript>
</div>
</li>
<!-- image 11 : -->
<li>
<div data-alt="img11" data-description="<h3><b>GROUPAUTO :</b> Campagne promotionnelle</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image11.jpg" data-min-width="200"></div>
<div data-src="images/small/image11.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image11.jpg"></div>
<noscript>
<img src="images/xsmall/image11.jpg" alt="img11"/>
</noscript>
</div>
</li>
<!-- image 12 : -->
<li>
<div data-alt="img12" data-description="<h3><b>ASTERA :</b> Application mobile étudiants</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image12.jpg" data-min-width="200"></div>
<div data-src="images/small/image12.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image12.jpg"></div>
<noscript>
<img src="images/xsmall/image12.jpg" alt="img12"/>
</noscript>
</div>
</li>
<!-- image 14 : -->
<li>
<div data-alt="img14" data-description="<h3><b>CANAL + :</b> Quizz distributeurs</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image14.jpg" data-min-width="200"></div>
<div data-src="images/small/image14.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image14.jpg"></div>
<noscript>
<img src="images/xsmall/image14.jpg" alt="img14"/>
</noscript>
</div>
</li>
<!-- image 15 : -->
<li>
<div data-alt="img15" data-description="<h3><b>GROUPAUTO :</b> Application tablette réseau distributeurs</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image15.jpg" data-min-width="200"></div>
<div data-src="images/small/image15.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image15.jpg"></div>
<noscript>
<img src="images/xsmall/image15.jpg" alt="img15"/>
</noscript>
</div>
</li>
<!-- image 18 : -->
<li>
<div data-alt="img18" data-description="<h3><b>RANDSTAD :</b> Dispositif marketing relationnel</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image18.jpg" data-min-width="200"></div>
<div data-src="images/small/image18.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image18.jpg"></div>
<noscript>
<img src="images/xsmall/image18.jpg" alt="img18"/>
</noscript>
</div>
</li>
<!-- image 17 : -->
<li>
<div data-alt="img17" data-description="<h3><b>KONÉ :</b> Lancement nouveau service, campagne digitale</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image17.jpg" data-min-width="200"></div>
<div data-src="images/small/image17.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image17.jpg"></div>
<noscript>
<img src="images/xsmall/image17.jpg" alt="img17"/>
</noscript>
</div>
</li>
<!-- image 20 : -->
<li>
<div data-alt="img20" data-description="<h3><b>ASTERA</b> Campagne presse</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image20.jpg" data-min-width="200"></div>
<div data-src="images/small/image20.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image20.jpg"></div>
<noscript>
<img src="images/xsmall/image20.jpg" alt="img20"/>
</noscript>
</div>
</li>
<!-- image 23 : -->
<li>
<div data-alt="img23" data-description="<h3><b>ASCOMETAL :</b> Refonte outils de communication</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image23.jpg" data-min-width="200"></div>
<div data-src="images/small/image23.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image23.jpg"></div>
<noscript>
<img src="images/xsmall/image23.jpg" alt="img23"/>
</noscript>
</div>
</li>
<!-- image 16 : -->
<li>
<div data-alt="img16" data-description="<h3><b>CANAL + :</b> Animation des réseaux de distribution</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image16.jpg" data-min-width="200"></div>
<div data-src="images/small/image16.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image16.jpg"></div>
<noscript>
<img src="images/xsmall/image16.jpg" alt="img16"/>
</noscript>
</div>
</li>
<!-- image 19 : -->
<li>
<div data-alt="img19" data-description="<h3><b>DOW :</b> Evénement clients</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image19.jpg" data-min-width="200"></div>
<div data-src="images/small/image19.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image19.jpg"></div>
<noscript>
<img src="images/xsmall/image19.jpg" alt="img19"/>
</noscript>
</div>
</li>
<!-- image 22 : -->
<li>
<div data-alt="img22" data-description="<h3><b>ARPÈGE :</b> Création graphique, animation point de vente</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image22.jpg" data-min-width="200"></div>
<div data-src="images/small/image22.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image22.jpg"></div>
<noscript>
<img src="images/xsmall/image22.jpg" alt="img22"/>
</noscript>
</div>
</li>
<!-- image 21 : -->
<li>
<div data-alt="img21" data-description="<h3><b>BOUYGUES TÉLÉCOM :</b> Animation commerciale call centers</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image21.jpg" data-min-width="200"></div>
<div data-src="images/small/image21.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image21.jpg"></div>
<noscript>
<img src="images/xsmall/image21.jpg" alt="img21"/>
</noscript>
</div>
</li>
<!-- image 24 : -->
<li>
<div data-alt="img24" data-description="<h3><b>INITIAL RENTOKIL :</b> Catalogue intéractif</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image24.jpg" data-min-width="200"></div>
<div data-src="images/small/image24.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image24.jpg"></div>
<noscript>
<img src="images/xsmall/image24.jpg" alt="img24"/>
</noscript>
</div>
</li>
<!-- image 25 : -->
<li>
<div data-alt="img25" data-description="<h3><b>MUNKSJO :</b> Campagne marketing direct worldwide</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image25.jpg" data-min-width="200"></div>
<div data-src="images/small/image25.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image25.jpg"></div>
<noscript>
<img src="images/xsmall/image25.jpg" alt="img25"/>
</noscript>
</div>
</li>
<!-- image 28 : -->
<li>
<div data-alt="img28" data-description="<h3><b>SCHNEIDER :</b> Salon virtuel 3D</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image28.jpg" data-min-width="200"></div>
<div data-src="images/small/image28.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image28.jpg"></div>
<noscript>
<img src="images/xsmall/image28.jpg" alt="img28"/>
</noscript>
</div>
</li>
<!-- image 26 : -->
<li>
<div data-alt="img26" data-description="<h3><b>MUNKSJO :</b> Campagne de commnication / marketing worldwide</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image26.jpg" data-min-width="200"></div>
<div data-src="images/small/image26.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image26.jpg"></div>
<noscript>
<img src="images/xsmall/image26.jpg" alt="img26"/>
</noscript>
</div>
</li>
<!-- image 27 : -->
<li>
<div data-alt="img27" data-description="<h3><b>FUJIFILM : </b>Programme fidélisation clients</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image27.jpg" data-min-width="200"></div>
<div data-src="images/small/image27.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image27.jpg"></div>
<noscript>
<img src="images/xsmall/image27.jpg" alt="img27"/>
</noscript>
</div>
</li>
<!-- image 29 : -->
<li>
<div data-alt="img29" data-description="<h3><b>UZIN :</b> Lancement produit</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image29.jpg" data-min-width="200"></div>
<div data-src="images/small/image29.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image29.jpg"></div>
<noscript>
<img src="images/xsmall/image29.jpg" alt="img29"/>
</noscript>
</div>
</li>
<!-- image 30 : -->
<li>
<div data-alt="img30" data-description="<h3><b>BNP :</b> Film 3D</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image30.jpg" data-min-width="200"></div>
<div data-src="images/small/image30.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image30.jpg"></div>
<noscript>
<img src="images/xsmall/image30.jpg" alt="img30"/>
</noscript>
</div>
</li>
<!-- image 32 : -->
<li>
<div data-alt="img32" data-description="<h3><b>TYCO :</b> Film corporate</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image32.jpg" data-min-width="200"></div>
<div data-src="images/small/image32.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image32.jpg"></div>
<noscript>
<img src="images/xsmall/image32.jpg" alt="img32"/>
</noscript>
</div>
</li>
<!-- image 31 : -->
<li>
<div data-alt="img31" data-description="<h3><b>DELABIE :</b> Refonte identité visuelle et graphique</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image31.jpg" data-min-width="200"></div>
<div data-src="images/small/image31.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image31.jpg"></div>
<noscript>
<img src="images/xsmall/image31.jpg" alt="img31"/>
</noscript>
</div>
</li>
<!-- image 34 : -->
<li>
<div data-alt="img34" data-description="<h3><b>IMV Technologies :</b> Plaquette corporate</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image34.jpg" data-min-width="200"></div>
<div data-src="images/small/image34.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image34.jpg"></div>
<noscript>
<img src="images/xsmall/image34.jpg" alt="img34"/>
</noscript>
</div>
</li>
<!-- image 33 : -->
<li>
<div data-alt="img27" data-description="<h3><b>TOM TOM Téleacute;matics :</b> Challenge apporteurs d'affaires</h3>" data-max-width="1532" data-max-height="2150">
<div data-src="images/medium/image33.jpg" data-min-width="200"></div>
<div data-src="images/small/image33.jpg" data-min-width="140"></div>
<div data-src="images/xsmall/image33.jpg"></div>
<noscript>
<img src="images/xsmall/image33.jpg" alt="img33"/>
</noscript>
</div>
</li>
</ul>
<!-- /gamma-gallery -->
</div>
<!-- /gamma-container -->
</div>
<!-- /MAIN -->
<!-- BARRE 2 -->
<div class="ban">
<!-- triangle haut -->
<div class="triangle_haut"></div>
<!-- /triangle haut -->
</div>
<!-- /BARRE 2 -->
<!-- PIED DE PAGE -->
<footer class="footer-basic-centered">
<!-- triangle footer -->
<div class="triangle_footer"></div>
<!-- /triangle footer -->
<!-- footer-links -->
<div class="footer-links">
<h1>
<a href="#">
<span class="footer-company-motto">MANITOBA</span>
</a>
</h1>
<span> • </span>
<span class="footer-adresse">41/43 rue Périer 92120 Montrouge</span>
<i class="fa fa-phone"></i>
<span class="footer-num">+33 1 46 21 22 66</span>
</div>
<!-- /footer-links -->
<!-- footer-btn -->
<div class="footer-btn">
<a href="mailto:sdupland@groupe-manitoba.com" target="_blank">
<button class="btn">CONTACTEZ-NOUS</button>
</a>
</div>
<!-- /footer-btn -->
<div class="footer-company-name"><span class="droits">© Manitoba 2016 - Tous droits réservés</span></div>
</footer>
<!-- /PIED DE PAGE -->
</div>
<!-- FIN CONTAINER -->
<!--*********************** JS *************************-->
<!-- js plungin gamma gallery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/modernizr.custom.70736.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script src="js/jquery.history.js"></script>
<script src="js/js-url.min.js"></script>
<script src="js/jquerypp.custom.js"></script>
<script src="js/gamma.js"></script>
<script type="text/javascript">
$(function() {
var GammaSettings = {
// order is important!
viewport : [ {
width : 1200,
columns : 5
}, {
width : 900,
columns : 4
}, {
width : 500,
columns : 3
}, {
width : 320,
columns : 2
}, {
width : 0,
columns : 2
} ]
};
Gamma.init( GammaSettings);
});
</script>
<!-- js loader -->
<script src="js/pageloader.js"></script>
<script src="js/jquery.lazylinepainter-1.7.0.min.js"></script>
<script src="js/animationColor.js"></script>
<script src="js/master.js"></script>
<script src="js/svgdata.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.pageLoader();
});
</script>
</body>
</html>
3 réponses
Salut,
Déjà je ne vois pas l'utilité de nous fournir tout ton code, là on ne comprend pas grand chose.
Ensuite pour ton problème, une rapide recherche t'aurait mis sur une piste : https://jsfiddle.net/9atsffau/
Bonjour @betaWeb , merci pour ta réponse mais ce n'est pas ce que je veux réellement.
Là ce que tu me donnes c'est comment détecter le navigateur et afficher si c'est bien firefox, ou chrome ou opéra, etc.....
Alors que ce je veux c'est faire une condition en JS qui me permet de dire que quand c'est IE9 ne prends pas en compte du loader ( <div id="chargement"> </div>) en SVG ainsi que les scripts JS le concernants. Mais afficher directement ma page accueil (<div id="container"></>) ainsi que les scripts JS le concernant.
Je t'ai donné une piste, à toi de creuser.
Nous sommes là pour aider et non fournir du code tout fait ;)