<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta content="True" name="HandheldFriendly" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    
    <meta name="keywords" content="Nouvelles hyundai"/>
    <meta name="description"  content="Les derni�res nouvelles � propos de Hyundai. Apprenez-en plus sur les mod�les, les fonctionnalit�s et les �v�nements � venir."/>
    <meta name="author" content="Hyundai Gabriel"/>
    <meta name="google-site-verification" content="wD5FMBHQRLKCVy7ftL9UuVbc6-jltVePPX_m5cF_jIw" />
        <meta name="apple-itunes-app" content="app-id=1095791461, app-argument=http://www.gabriel.ca/"/>
        <title>Nouvelles | Hyundai Gabriel D.D.O. | Groupe Gabriel | concessionnaire � Montr�al</title>
    <script type="text/javascript">
        var _urlbase = "https://www.hyundaigabrielddo.com/";
        var _menu = "home";

        function loadJS(file, callback, error, type) {
            var _file = file ;
            var loaded = document.querySelector('script[src="'+file+'"]') ;

            if (loaded) {
              loaded.onload = callback ;
              loaded.onreadystatechange = callback;
              return
            }

            var script = document.createElement("script");

            script.type = (typeof type ==="string" ? type : "application/javascript") ;

            script.src = file;
            script.async = false ;
            script.defer = false ;
            script.onload = callback ;

            if (error) {
               script.onerror = error ;
               }
            else {
               script.onerror = function(e) {
                      console.error("Script File '" + _file + "' not found :-(");
                      };
               }

            script.onreadystatechange = callback;

            document.head.appendChild(script);
        }
        //loadJS("https://code.jquery.com/jquery-1.9.1.min.js","callback", "error", );

    </script>   
    <link href="/favicon.ico" type="image/x-icon" rel="icon" /><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" /> 
    <link rel="alternate" hreflang="en" href="https://www.hyundaigabrielddo.com/"/>
    <link rel="alternate" hreflang="fr" href="https://www.hyundaigabrielddo.com/"/>   
    <link rel="stylesheet" defer="defer" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/> 
    <!-- <link rel="stylesheet" type="text/css" href="https://seenlive.io/assets/seenlive-widget.css"/> -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'/>
        <!-- <script src="https://code.jquery.com/jquery-1.9.1.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ=" crossorigin="anonymous"></script>   -->

    
	<link rel="stylesheet" type="text/css" href="/css/bootstrap/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/style.css" />
	<link rel="stylesheet" type="text/css" href="/css/page.css" />
	<link rel="stylesheet" type="text/css" href="/css/mobile.css" />
	<link rel="stylesheet" type="text/css" href="/css/anythingslider.css" />
	<link rel="stylesheet" type="text/css" href="/css/slider-pro/slider-pro.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css" />
	<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox.css" />
	<link rel="stylesheet" type="text/css" href="/css/bxslider/jquery.bxslider.css" />
	<link rel="stylesheet" type="text/css" href="/css/header.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/noUiSlider/nouislider.min.css" />
	<link rel="stylesheet" type="text/css" href="/css/sprite_new_models.css" />
	<link rel="stylesheet" type="text/css" href="/css/fuzzy/fuzzy.css" />
<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/js/jquery-migrate-1.1.0.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/main.js" defer="defer"></script>
    
   
    <!--[if IE 7]>
    
	<link rel="stylesheet" type="text/css" href="/css/ie7.css" />
    <![endif]-->
    <!--[if IE 8]>
    
	<link rel="stylesheet" type="text/css" href="/css/ie8.css" />

	<script type="text/javascript" src="/js/respond.js"></script>
    <![endif]-->
    <!--[if IE]>
   <style>select::-ms-expand{
  display:none;
}</style>
    <![endif]-->  
    <style>
        #OFSkdhYjtPcK {display: none;margin-bottom: 30px;padding: 20px 10px;background: #D30000;text-align: center;font-weight: bold;color: #fff;border-radius: 5px;}

        .support{
            height:58px;
            overflow:hidden;
        }
        .support a{
            position:relative;
            line-height:50px;
            color:#fff;
            text-align: center;
        }
        .support a{
            color:#fff !important;
        }
        .chatBox {
            width: 270px;
            height: 60px;
            position: fixed;
            top: calc(50% - 46px);
            right: -70px;
            z-index: 1040;
            text-align: right;
            display:table-cell;
            vertical-align:middle; 
        }
        .relative{
                position:relative;
                width:100%;
                height:100%;
                overflow: visible;
        }
        .min{width:270px;
            height:60px;
            display:block;
            position:absolute;
            top:0;
            left:200px;
        }

        .full{
            width:270px;
            height:366px;
            display:block;
            position:absolute;
            left:0;
            /*top:-159px; activate with video*/
            top:0px;
        }
        .video, .text{
            text-align: left;
        }
        .video{
            width:186px;
            height:159px;
            background: transparent url("https://www.nissangabriel.com/img/chatWidget/video_bg.png") no-repeat top left;
        }
        .resNotif{
            display: inline;
        }
    @media only screen and (max-width: 767px) and (min-width: 320px){
        .support {
            margin-right: 15px !important;
            top: 0px;
            width:40px;
        }
        .resNotif{
            display: block;
        }
        .searchButton {
            margin: 0;
        }

    }
    .disclaimer p {
    font-size: 12px;
    line-height: 1.2;
}
#note span{
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
}
.link-options-cars ul li a{
    font-size: 14px;
    cursor: pointer;
}
#car_item_pic{
    padding-left: 0;
    padding-right: 0;
}
.fullForm{
    display: none;
}
.moreLess {
    font-size: 20px;
}
.fa-stack {
    line-height: 1em;
}
.searchButton {
    font-size: 16px;
}
/* jcarousel responsive css*/
    .jcarousel-wrapper {
    position: relative;    
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 2000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 7px;
    padding-left: 0px;
}





.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
/* end jcarousel responsive css*/

.group-cars-similars #car_item_details {
    padding: 0px;
    width: 100%;
}


@media only screen and (max-width: 599px){
    .searchItem{
        width: 100%;
    }
    .optionButton{
        display: inline-block;
    }
    .group-filter-view ul li.last{
        display: none;
    }
    /*.jcarousel ul li:first-child {
        padding-right: 0;
    }*/
}
@media only screen and (min-width: 600px){
    .searchItem{
        width: 23.3%;
    }
    .fullForm{
        display: inline;
    }
    .visible-xs {
        display: none!important;
    }
    .optionButton{
        display: none;
    }
    .group-filter-view ul li.last{
        display: inline-block;
    }
    /*.jcarousel ul li:nth-child(2) {
        padding-right: 0;
    }*/
    
}
@media only screen and (min-width: 1024px){
    .searchItem{
        width: 11.2%;
    }
    /*.jcarousel ul li:nth-child(2) {
        padding-right: 15px;
    }
    .jcarousel ul li:nth-child(3) {
        padding-right: 0;
    }*/
}


/*tooltip */
.tooltip{
    display: inline;
    position: relative;
}
.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
content: attr(title);
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
/*end tooltip*/
    </style>
</head>
<body style="height: auto">
  
    <!-- <div class="chatBox">
      <div class="switch"><img src="/img/new_site/support_icon.gif" width="80"></div>
      <div class="closeButton"><i class="fa fa-minus" aria-hidden="true"></i></div>
      <a href="#"><div class="choiceItem videoChat seenlive-widget-start"> <div class="imgVedio" ><img src="/img/new_site/camera.png" height="32" alt=""/></div>
        <div class="choiceTtl">Video</div>
        </div> </a>
      <a href="javascript:liveChatGreet();"><div class="choiceItem textChat"> <div class="imgText"> <img src="/img/new_site/chat.png" height="32" alt=""/></div>
        <div class="choiceTtl">Text</div>
       </div> </a> 
    </div> -->
    <!--
    <div class="chatBox" style="">
        <div class="relative">
       
            <div class="min">
                <a href="#" ><img src="/img/chatWidget/max_button.jpg" style="float:left;"></a><img src="/img/chatWidget/live_fr.gif" style="float:left">
            </div>
      
            <div class="full">      
               <div class="video seenlive-widget-start"><a href="#"><img src="/img/chatWidget/video.gif"  alt=""/></a></div> 
                <div class="max"><a href="#"><img src="/img/chatWidget/min_button.jpg"></a><img src="/img/chatWidget/live_fr.gif"></div>
                <div id="chat_poster" class="text" style="cursor: pointer;"><img src="/img/chatWidget/chat_sans_fr.png" alt="textChat"></div> 
                <div id="live_chat_status" class="text" style="margin-left: 57px;">
              <a href="#"><img src="/img/chatWidget/chat_sans_fr.png"  alt=""/></a>
                </div>
            </div>   
        </div>
    </div>
    -->
    <div id="wrapper">
      <div class="row">
               
            <!-- header -->
            
<div class="navbar-fixed-top">
    <div id="header_mobile" class="hidden-sm  hidden-md hidden-lg">
             <div class="container">
             <div class="make_logo" style="padding: 15px 10px;"> 
                        <a class="" href=https://www.hyundaigabrielddo.com/fr/index>
                            <img src="/img/logos/logo_fr.png" height="30"  alt=""/>
             </div>
            <div class="logo"> 
                <a href="http://www.hyundaigabrielddo.com/fr/index">
                        <img src="/img/new_site/dealer_logo.png" style="max-width:200px;"   alt="" />
                </a>
            </div>
           </div>
    </div>
    <div id="header_main">
            <div class="container">
                <div class="make_logo hidden-xs" style="margin:10px 0"> 
                    <a class="" href=https://www.hyundaigabrielddo.com/fr/index>
                        <img src="/img/logos/logo_fr.png" height="30"  alt=""/>
                    </a>
                </div>
                <div class="menu-mobile navbar navbar-default">
                <button type="button" class="row col-xs-2 navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
                    <span class="sr-only">Toggle navigation</span> 
                    <span class="icon-bar"></span> 
                    <span class="icon-bar"></span> 
                    <span class="icon-bar"></span> 
                </button>
                </div>   
                <ul class="header-top">
                    <li style="margin: 0; display: none;"><a href="https://www.hyundaigabrielddo.com/fr/cars/favorite"> 
                        <span class="fa-stack fa-3x" style="margin-top: 5px;">
                            <i class="fa fa-star fa-stack-2x"></i>
                            <strong class="nrFav fa-stack-1x star-text" style="font-size: 10px; color: #c3002f;">27</strong>
                        </span>
                    </a></li>
                    <li>
                        <i class="fa fa-search fa-lg hidden-sm hidden-md hidden-lg" aria-hidden="true">  </i>
                        <div class="searchForm">
                            <form id="search-form-2" class="navbar-form navbar-left group-list-search" role="search" method="get" action="/fr/make/all/">
                                <div class="form-group">
                                    <input type="text" name="q" class="form-control searchInput" placeholder="Recherche..." value="" autocomplete="off"/>
                                    <button type="submit" class="searchSubmit" value=""><i class="fa fa-search" aria-hidden="true"></i></button>
                                </div>
                            </form>
                            <ul class="searchFormHeader"></ul>
                        </div>
                    </li>
                   <li>
                                              <a href="tel:+1514 624-7777" class="hidden-xs"> <i class="fa fa-phone fa-lg" aria-hidden="true">  </i> </a>
                       <i class="fa fa-phone fa-lg hidden-sm hidden-md hidden-lg" aria-hidden="true">  </i>
                      <a href="tel:+1514 624-7777"> 
                           <div class="phoneNumber hidden-sm">
                               <span class="mobileLable">T�l:</span>
                           514 624-7777
                           <button type="button" class="callBTN button btn-primary">Appeler</button>
                        </div>
                    </a>
                    </li>
                    <li >
                        <a href="/fr/contact-us" title="">
                            <i class="fa fa-map-marker fa-lg" aria-hidden="true"></i> 
                                <span  class="hidden-xs hidden-sm">Trouvez-nous</span>
                            
                        </a> 
                    </li>
                    <li class="support" style="display:none"> <a href="#" title="" > <img src="/img/chatWidget/live_mobile.gif" height="40"><span  class="hidden-xs hidden-sm"> En direct </span></a> </li>

                    <li class="last">
                        <div class="language">
                    <a href="/translations/setLang/en">En</a>                    </div>
                    </li>
                </ul>
            </div>
    </div>
</div>

<div class="container cf">
<!-- header -->
<header id="header_content">
    <div class="container-block-top  hidden-xs">
        <div class="col-xs-8 col-sm-6 col-md-4 col-lg-4 logo"> 
            <a href="http://www.hyundaigabrielddo.com/fr/index">
                   <img src="/img/new_site/dealer_logo.png"   alt="" />
                    <!--<img src="http://test.gabriel.ca/2013/cms-general/img/logos_gabriel/logo_wDSYC6Xc2U.png" style="max-width:200px;"   alt="" />-->
            </a>
        </div>
        <div class="col-sm-6 col-lg-4 seoText hidden-sm hidden-md">
            <h1>Les derni�res nouvelles � propos de Hyundai</h1>
        </div>
        <div class="col-sm-6 col-md-8 col-lg-4 text-right">
         <div class="row">
             <div class="address">4600B, boul. Saint-Jean</br> H9H 2A6 Dollard-des-Ormeaux</div>
          
                    <ul class="quickAccess">
                        <li> 
                            <a href="http://www.hyundaigabrielddo.com/fr/essai-routier/" title="Essai routier">
                                <button type="button" class="button btn-primary">R�servez un essai routier</button>
                            </a> 
                        </li>
                        <li class="last"> 
                                                        <a href="http://www.hyundaigabrielddo.com/fr/service/request-a-service-appointment/" title="RDV Service">
                                <button type="button" class="button btn-primary">RDV Service</button>
                            </a> 
                                                    </li>
                    </ul>
            </div>
               
            </div>
   </div>
   
    
   <div class="container-header">
        <div class="content-header-bottom">
                    
            <section class="navbar-collapse collapse collapse-menu-header">
                <nav class="container-menu-right">
                    <ul class="menulist">
                        <li>                        
                            <a href="#" title="" class="link-menu">V�hicules neufs<span class="caret"></span></a>
                            <div class="content-dealer-menu mod" style="display: none;">
                                <div class="container cf">
                                    <div class="content-submenu content-menu-models">
                                        <div class="content-submenu-left content-submenu-models">
                                              
                                            
                                            <ul class="content-links">
                                                
                                                                                                <li>
                                                    <a href="#"  title="" class="link-submodel">
                                                        Compactes                                                    </a>
                                                                                                        <div class="content-submodel" style="display: none;">
                                                        <div class="container cf">
                                                            <div class="content-submodel-int">
                                                                <ul>
                                                                                                                                    <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/704_accent';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/704_accent" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/704_accent ">
                                                                            Accent                                                                            </a>
                                                                            <p>� partir de 13 999 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_xHv.png" alt="Accent"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/704_accent" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_86n.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Accent</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$13,999*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>La sous-compacte qui ne fait aucun compromis.</h2>

<p>Nous avons con&ccedil;u l&rsquo;Accent de mani&egrave;re &agrave; ce que vous n&rsquo;ayez pas &agrave; faire de compromis quant &agrave; vos besoins en mati&egrave;re d&rsquo;efficacit&eacute; et &agrave; vos d&eacute;sirs en mati&egrave;re de puissance, de style ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/704_accent" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/944_elantra';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/944_elantra" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/944_elantra ">
                                                                            Elantra                                                                            </a>
                                                                            <p>� partir de 15 999 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_E2f.png" alt="Elantra"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/944_elantra" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_0HS.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Elantra</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$15,999*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>Une classe au-dessus des autres</h2>

<p>En plus de sa silhouette &eacute;pur&eacute;e sportive et dynamique, l&rsquo;Elantra est remplie de caract&eacute;ristiques attrayantes qui vous en offrent plus que ce &agrave; quoi vous vous attendriez d&rsquo;une voiture de cette cat&eacute;gorie. Elle est assembl&eacute;e sur une plateforme de ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/944_elantra" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/2005_elantra-gt';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/2005_elantra-gt" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/2005_elantra-gt ">
                                                                            Elantra GT                                                                            </a>
                                                                            <p>� partir de 20 449 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_s3g.png" alt="Elantra GT"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/2005_elantra-gt" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_cb4.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Elantra GT</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$20,449*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>D&eacute;couvrez la toute nouvelle Elantra GT</h2>

<p>La toute nouvelle Elantra GT est la plus r&eacute;cente addition &agrave; la famille Elantra. Cette sportive &agrave; hayon a &eacute;t&eacute; con&ccedil;ue en Europe et calibr&eacute;e sur le fameux circuit de N&uuml;rburgring en Allemagne. Elle offre une tenue de route ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/2005_elantra-gt" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/2058_ioniq';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/2058_ioniq" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/2058_ioniq ">
                                                                            IONIQ                                                                            </a>
                                                                            <p>� partir de 24 299 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_e35.png" alt="IONIQ"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/2058_ioniq" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_vYb.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">IONIQ</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$24,299*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>Le meilleur des deux mondes</h2>

<p>L&rsquo;IONIQ est le tout premier v&eacute;hicule &agrave; offrir un choix de trois groupes motopropulseurs, chacun mont&eacute; sur une plateforme d&eacute;di&eacute;e afin d&rsquo;optimiser les performances. Il est facile de d&eacute;terminer quelle IONIQ convient le mieux &agrave; votre style de vie; ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/2058_ioniq" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/2209_sonata';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/2209_sonata" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/2209_sonata ">
                                                                            Sonata                                                                            </a>
                                                                            <p>� partir de 24 799 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_lCj.png" alt="Sonata"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/2209_sonata" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_Ry7.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Sonata</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$24,799*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2 style="widows: 1;">Ind&eacute;niablement &eacute;l&eacute;gante et s&eacute;curitaire.</h2>

<p style="line-height: 20.8px; widows: 1;">La Sonata 2018 est le fruit d&rsquo;une &eacute;volution du mod&egrave;le sur sept g&eacute;n&eacute;rations. Et encore une fois, elle continue de red&eacute;finir la cat&eacute;gorie des berlines interm&eacute;diaires. ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/2209_sonata" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/compactes/2211_sonata-hybride';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/compactes/2211_sonata-hybride" title="" class="link-home-submodel /fr/new-hyundai-vehicles/compactes/2211_sonata-hybride ">
                                                                            Sonata Hybride                                                                            </a>
                                                                            <p>� partir de 29 649 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_KGK.png" alt="Sonata Hybride"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/compactes/2211_sonata-hybride" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_0sE.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Sonata Hybride</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$29,649*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2 style="widows: 1;">La parfaite synth&egrave;se entre puissance et &eacute;conomie d&#39;essence.</h2>

<p style="line-height: 20.8px; widows: 1;">La toute nouvelle Sonata hybride 2017 a &eacute;t&eacute; con&ccedil;ue pour offrir l&rsquo;exp&eacute;rience d&rsquo;une motorisation hybride sans compromis. Gr&acirc;ce &agrave; son design ing&eacute;nieux et &agrave; une technologie ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/compactes/2211_sonata-hybride" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                    
                                                                     <li><a  style="padding: 17px 0;" class="link-home-submodel" href="/fr/new-hyundai-vehicles/703_compactes">
                                                                                                                                          TOUTES LES Compactes                                                                                                                                           
                                                                     </a>
                                                                     </li>
                                                                                                                                     </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    </li>
                                                                                                <li>
                                                    <a href="#"  title="" class="link-submodel">
                                                        Hybrides  Electriques                                                    </a>
                                                                                                        <div class="content-submodel" style="display: none;">
                                                        <div class="container cf">
                                                            <div class="content-submodel-int">
                                                                <ul>
                                                                                                                                    <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/hybrides--electriques/2059_ioniq-hybride';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2059_ioniq-hybride" title="" class="link-home-submodel /fr/new-hyundai-vehicles/hybrides--electriques/2059_ioniq-hybride ">
                                                                            IONIQ Hybride                                                                            </a>
                                                                            <p>� partir de 24 299 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_kAK.png" alt="IONIQ Hybride"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2059_ioniq-hybride" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_MLq.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">IONIQ Hybride</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$24,299*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>&Eacute;cologique n&#39;est pas synonyme d&#39;ennuyant.</h2>

<p>L&rsquo;IONIQ est le tout premier v&eacute;hicule &agrave; offrir un choix de trois groupes motopropulseurs, chacun mont&eacute; sur une plateforme d&eacute;di&eacute;e afin d&rsquo;optimiser les performances. Il est facile de d&eacute;terminer quelle IONIQ convient le mieux &agrave; votre ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2059_ioniq-hybride" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/hybrides--electriques/2064_ioniq-electrique';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2064_ioniq-electrique" title="" class="link-home-submodel /fr/new-hyundai-vehicles/hybrides--electriques/2064_ioniq-electrique ">
                                                                            IONIQ Electrique                                                                            </a>
                                                                            <p>� partir de 35 649 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_MOC.png" alt="IONIQ Electrique"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2064_ioniq-electrique" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_5b6.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">IONIQ Electrique</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$35,649*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>&Eacute;lectrique quand vous le voulez. &Agrave; essence quand vous en avez besoin.</h2>

<p>L&rsquo;IONIQ est le tout premier v&eacute;hicule &agrave; offrir un choix de trois groupes motopropulseurs, chacun mont&eacute; sur une plateforme d&eacute;di&eacute;e afin d&rsquo;optimiser les performances. Il est facile de d&eacute;terminer quelle IONIQ ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2064_ioniq-electrique" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/hybrides--electriques/2212_sonata-hybride';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2212_sonata-hybride" title="" class="link-home-submodel /fr/new-hyundai-vehicles/hybrides--electriques/2212_sonata-hybride ">
                                                                            Sonata Hybride                                                                            </a>
                                                                            <p>� partir de 29 649 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_yM6.png" alt="Sonata Hybride"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2212_sonata-hybride" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_Ycf.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Sonata Hybride</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$29,649*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2 style="widows: 1;">La parfaite synth&egrave;se entre puissance et &eacute;conomie d&#39;essence.&#8203;</h2>

<p style="line-height: 20.8px; widows: 1;">La toute nouvelle Sonata hybride 2017 a &eacute;t&eacute; con&ccedil;ue pour offrir l&rsquo;exp&eacute;rience d&rsquo;une motorisation hybride sans compromis. Gr&acirc;ce &agrave; son design ing&eacute;nieux et &agrave; une technologie ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/hybrides--electriques/2212_sonata-hybride" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                    
                                                                     <li><a  style="padding: 17px 0;" class="link-home-submodel" href="/fr/new-hyundai-vehicles/2215_hybrides--electriques">
                                                                                                                                          TOUTES LES Hybrides  Electriques                                                                                                                                           
                                                                     </a>
                                                                     </li>
                                                                                                                                     </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    </li>
                                                                                                <li>
                                                    <a href="#"  title="" class="link-submodel">
                                                        Multisegments                                                    </a>
                                                                                                        <div class="content-submodel" style="display: none;">
                                                        <div class="container cf">
                                                            <div class="content-submodel-int">
                                                                <ul>
                                                                                                                                    <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/multisegments/2238_kona';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/multisegments/2238_kona" title="" class="link-home-submodel /fr/new-hyundai-vehicles/multisegments/2238_kona ">
                                                                            KONA                                                                            </a>
                                                                            <p>� partir de 20 999 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_U37.png" alt="KONA"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/multisegments/2238_kona" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_rLy.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">KONA</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$20,999*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>Un nouveau type de VUS con&ccedil;u pour la ville.</h2>

<p>Le tout nouveau KONA offert en pr&eacute;vente<br />
Soyez parmi les premiers. Pr&eacute;commandez un KONA et obtenez une r&eacute;duction d&rsquo;un point de pourcentage sur notre taux de financement promotionnel, pour une dur&eacute;e limit&eacute;e seulement.**.</... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/multisegments/2238_kona" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/multisegments/958_tucson';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/multisegments/958_tucson" title="" class="link-home-submodel /fr/new-hyundai-vehicles/multisegments/958_tucson ">
                                                                            Tucson                                                                            </a>
                                                                            <p>� partir de 24 999 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_rQo.png" alt="Tucson"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/multisegments/958_tucson" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_p2k.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Tucson</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$24,999*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>Un style qui donne envie de partir &agrave; l&#39;aventure.</h2>

<p>Que vous fassiez les courses en ville ou partiez &agrave; l&rsquo;aventure, le Tucson 2018 est le partenaire id&eacute;al pour profiter de la vie! D&eacute;couvrez le Tucson 2018 et explorez ses caract&eacute;ristiques. Tr&egrave;s polyvalent, il a &eacute;t&eacute; con&... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/multisegments/958_tucson" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                                                                                        <li>
                                                                        <div class="row subModelFirstCol"  onclick="location.href='/fr/new-hyundai-vehicles/multisegments/959_santa-fe';" style="cursor:pointer;">

                                                                           <div class="col-xs-7" style="">
                                                                            <a href="/fr/new-hyundai-vehicles/multisegments/959_santa-fe" title="" class="link-home-submodel /fr/new-hyundai-vehicles/multisegments/959_santa-fe ">
                                                                            Santa Fe                                                                            </a>
                                                                            <p>� partir de 28 599 $ *</p>
    																		</div>
                                                                                                                                                        <div class="col-xs-5" >
                                                                           <figure>
                                                                                <img src="https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_9lF.png" alt="Santa Fe"/>
                                                                            </figure>
                                                                        </div>
                                                                        </div>
																		<div class="clearfix"></div>
                                                                            <div class="container-detail-submodel" style="display: none;">
                                                                                                                                                                                                                                                          
                                                                                        <div class="">
                                                                                          <a href="/fr/new-hyundai-vehicles/multisegments/959_santa-fe" title="">
                                                                                            <div class="bgImg" style="width:100%; height:200px; overflow:hidden;background: url(https://www.hyundaigabrielanjou.com//cms-hyundai/img/cars/cars_KqS.jpg) no-repeat  center;width:100%;">
                                                                                                <div class="modelTtl">Santa Fe</div>
																							  </div>
																							</a>
                                                                                           
                                                                                            <h4 class="">� partir de <span class="price_model">$28,599*</span></h4>
                                                                                            
                                                                                           <div class="description"> 
                                                                                           <h2>Des trajets m&eacute;morables, en grand confort et en toute s&eacute;curit&eacute;</h2>

<p>Que ce soit pour vos trajets quotidiens, vous rendre &agrave; la pratique de hockey aux petites heures du matin ou rejoindre votre destination de camping annuelle, le Santa Fe Sport 2018 est id&eacute;al. Son style dynamique, les options de rangement polyvalentes, ... 
                                                                                           </div>
                                                                                           
                                                                                           <div class="row">
                                                                                           <div class="col-xs-6 col-lg-4">
																							   <a href="/fr/new-hyundai-vehicles/multisegments/959_santa-fe" title="">
                                                                                                    <button type="button" class="buttonAction btn-primary">Explorer</button>
                                                                                                </a></div>
																					           <div class="col-xs-6 col-lg-4">
                                                                                               <a class="tstDrv" data-toggle="modal" data-target="#ModalDrvTestCtnr" href="#" title="R�servez un essai routier">
                                                                                                    <button type="button" class="buttonAction btn-primary">R�server un essai routier</button>
                                                                                                </a> 
																							</div>
																							<div class="clearfix"></div>
																							</div>
                                                                                        </div>        
                                                                                        
                                                                                    
                                                                                                                                                                                                                      
                                                                            </div>
                                                                    </li>                                                                                                                                   
                                                                    
                                                                     <li><a  style="padding: 17px 0;" class="link-home-submodel" href="/fr/new-hyundai-vehicles/941_multisegments">
                                                                                                                                          TOUTES LES Multisegments                                                                                                                                           
                                                                     </a>
                                                                     </li>
                                                                                                                                     </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                                                                    </li>
                                                                                                <li>
                                                    <a href="/fr/new-hyundai" title="" class="link-submodel">TOUS LES MOD�LES</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="occ">
                            <a href="#" title="" class="link-menu">Occasion<span class="caret"></a>
                            <div class="content-dealer-menu" style="display: none;">
                                <div class="container cf">
                                    <div class="content-submenu">            
                                        
<form id="search-form-header" method="get" action="#" class="leftSection" style="margin: 0;padding: 10px;border: 1px solid #e7e7e7;" >
   <input type="hidden" id="price_from-header" name="price_from" value=""/>
   <input type="hidden" id="price_to-header" name="price_to" value=""/>
   <input type="hidden" id="mileage_from-header" name="mileage_from" value=""/>
   <input type="hidden" id="mileage_to-header" name="mileage_to" value=""/>
   <input type="hidden" id="year_from-header" name="year_from" value=""/>
   <input type="hidden" id="year_to-header" name="year_to" value=""/>         
      <div class="col-md-4 ">
         <div class="">
            <div class="styled-select">
               <select id="make_id-header" name="make" class="make_s">
                  <option value=''>Toutes les marques</option>
                  <option value="1" >Acura</option><option value="65" >AM General</option><option value="3" >Audi</option><option value="47" >Bentley</option><option value="4" >BMW</option><option value="5" >Buick</option><option value="6" >Cadillac</option><option value="7" >Chevrolet</option><option value="8" >Chrysler</option><option value="9" >Dodge</option><option value="53" >Fiat</option><option value="11" >Ford</option><option value="12" >GMC</option><option value="13" >Honda</option><option value="15" >Hyundai</option><option value="16" >Infiniti</option><option value="18" >Jaguar</option><option value="19" >Jeep</option><option value="20" >Kia</option><option value="21" >Land Rover</option><option value="22" >Lexus</option><option value="23" >Lincoln</option><option value="26" >Mazda</option><option value="64" >McLaren</option><option value="27" >Mercedes-Benz</option><option value="28" >Mercury</option><option value="29" >MINI</option><option value="30" >Mitsubishi</option><option value="31" >Nissan</option><option value="32" >Pontiac</option><option value="33" >Porsche</option><option value="38" >Smart</option><option value="39" >Subaru</option><option value="41" >Toyota</option><option value="42" >Volkswagen</option><option value="43" >Volvo</option>               </select>
            </div>
            <!-- 
              <p style="font-weight: bold">Toutes les marques dans groupegabriel.com              </p> 
              <div class="styled-select">
                           
                 </select>
              </div>
              <script type="text/javascript">
                 $('#makeIdOther-header').change(function(){
                     if ($(this).find('option:selected').hasClass('otherMakes')){
                         var makeName = $(this).find('option:selected').text().substr(0, $(this).find('option:selected').text().indexOf('(')); 
                         //.alert(makeName);
                         $('#myModalOccasion').find('a').attr("href", "http://www.occasiongabriel.com/fr/make/"+makeName+"/");
                         $('#myModalOccasion').modal("show");
                     };
                 })
              </script>
            -->
         </div>
         <div>
            <div class="styled-select">
               <select id="model_id_" name="model" class="model_s for_select">
                  <option value='' >Tous les mod&egrave;les</option>
                                 </select>
            </div>
         </div>
         <div>
                     <div class="styled-select">
                        <select id="driveTrain" name="driveTrain">
                           <option value='' >Motricit&eacute;</option>
                                                      <option value="2IO6" >Traction avant</option>
                                                      <option value="vTGb" >Propulsion</option>
                                                      <option value="WP6x" >Traction int�grale</option>
                                                      <option value="ZuCI" >Quatre-roues motrices</option>
                            
                        </select>
                     </div>
                  </div>
      </div>
      <div class="col-md-8  fullSearch">
         <div class="row">
            <div class="col-md-6 ">
               <div class="ranges-container">
                  <div>
                     <span class="lable">Prix ($): </span>
                     <div class="slideValue" style="font-size: 14px; margin-left: 0;">
                        <span id="priceMin-header"></span> -  <span id="priceMax-header"></span>
                     </div>
                  </div>
                  <div id="priceRange-header" class=""></div>
                  <div>
                     <span class="lable">Year: </span>
                     <div class="slideValue" style="font-size: 14px; margin-left: 0;">
                        <span id="yearMin-header"></span> -  <span id="yearMax-header"></span>
                     </div>
                  </div>
                  <div id="yearRange-header" class=""></div>
                  <div>
                     <span class="lable">Mileage (km): </span>
                     <div class="slideValue" style="font-size: 14px; margin-left: 0;">
                        <span id="mileageMin-header"></span>  -  <span id="mileageMax-header"></span>
                     </div>
                  </div>
                  <div id="mileageRange-header" class=""></div>
                  <br/>
               </div>
            </div>
            <div class="col-md-6 ">
               <div class="row">

                  <div class="col-xs-12">
                     <div class="styled-select">
                        <select name="bodytype" id="bodytype">
                           <option value="">Carrosserie</option>
                           												  <option value="tFtc" >Hayon</option>
											      												  <option value="czhN" >Berline</option>
											      												  <option value="g3UX" >Coup�</option>
											      												  <option value="i4VY" >Cabriolet</option>
											      												  <option value="yWQq" >Familiale</option>
											      												  <option value="cvQT" >Fourgonnette</option>
											      												  <option value="KkAi" >VUS</option>
											      												  <option value="hJOd" >Camionnette</option>
											      												  <option value="Pt7B" >Crossover</option>
											      												  <option value="Ot4C" >Autre</option>
											        
                        </select>
                     </div>
                  </div>
                  <div class="col-xs-12">
                     <div class="styled-select">
                        <select id="transmission" name="transmission">
                           <option value=''>Transmission</option>
                           <option value='automatic' >Automatique                                                   
                           </option>
                           <option value='manual' >Manuelle                                                        
                           </option>
                        </select>
                     </div>
                  </div>
                  <div class="col-xs-12">
                  <div class="ButtonDiv" style="width: 100%;">
                   
                    <button class="searchButton" id="quickSearchHeader" type="submit" style="" >Recherche</button>
				<div id="resetSearch1"  class="resetButton" title="Reinitialiser le formulaire" class="tooltip"><!--<span id="resetSearch" type="reset">Reinitialiser</span>-->
                  <i class="fa fa-repeat" aria-hidden="true" style="cursor: pointer;"></i>
                   </div> 
                    <div class="clearfix"></div>

                    
         		</div>
				   </div>
               </div>
               <div class="clearfix"></div>
            </div>
         </div>
      </div>
      <div class="clearfix"></div>
      
   
</form>

<script type="text/javascript">    
    /*
    *Mihai
    *scripts for pre-owned section in header
    */
   var devWidth = $(document).width()
   $(document).ready(function(){


        //generating range buttons for price
        var priceMax = document.getElementById('priceMax-header');
        var priceMin = document.getElementById('priceMin-header');
        var priceRange = document.getElementById('priceRange-header');
        var dbMaxPrice = 418888.00 ;
        var dbMinPrice = parseInt(1700.00 / 10, 10) * 10;
        dbMinPrice = 100 * Math.floor((dbMinPrice + 50) / 100);        
        var startMin;
        var startMax;
        if(document.getElementById('price_from-header').value){
            
            startMin = document.getElementById('price_from-header').value;
        }
        else{
            startMin =0;
        }
            if(document.getElementById('price_to-header').value){
                startMax = document.getElementById('price_to-header').value;
            }
            else{
                startMax =dbMaxPrice;
            }

            //if(!priceRange.noUiSlider){
                noUiSlider.create(
                    priceRange, {
                    start: [ startMin, startMax ],
                    step: [500],
                    connect: true,
                    range: {
                    'min': 0,
                    '70%':20000,
                    // '50%':15000,
                    'max': dbMaxPrice
                    },
                    format: {
                        to: function ( value ) {
                            return value + '';
                        },
                        from: function ( value ) {
                            return value.replace(',00', '');
                        }
                    }
                });
                 
            //}
            priceMin.addEventListener('change', function(){
                    alert(this.value);
                    priceRange.noUiSlider.set([this.value, null]);
                });
            priceMax.addEventListener('change', function(){
                priceRange.noUiSlider.set([null, this.value]);
            });    
            priceRange.noUiSlider.on('update', function( values, handle ) {
                //alert('15000');
                var value = values[handle];                
                if ( handle ) {
                          

                    if(value==dbMaxPrice)
                    {                    
                        priceMax.innerHTML='�: Max';
                       
                    }else{
                        priceMax.innerHTML='�: '+Math.round(value);

                    }
                    $('#price_to-header').val(Math.round(value));
                    //console.log($('#price_to').val()); 
                } else {
                   
                    priceMin.innerHTML = 'De: '+ Math.round(value)+' ';
                    $('#price_from-header').val(Math.round(value));
                    //console.log( $('#price_from').val()); 
                }
            });

            
                

                //generating range buttons for year
                var yearMax = document.getElementById('yearMax-header');
                var yearMin = document.getElementById('yearMin-header');
                var yearRange = document.getElementById('yearRange-header');
                var dbMinYear = 1965;
                var dbMaxYear = 2018;
                var startYearMin;
                var startYearMax;
                if(document.getElementById('year_from-header').value){
                    
                    startYearMin = document.getElementById('year_from-header').value;
                }
                else{
                    startYearMin =0;
                }
                if(document.getElementById('year_to-header').value){
                    startYearMax = document.getElementById('year_to-header').value;
                }
                else{
                    startYearMax =dbMaxPrice;
                }
                //if(!yearRange.noUiSlider){
                    noUiSlider.create(yearRange, {
                        start: [ startYearMin, startYearMax ],
                        step: [1],
                        connect: true,
                        range: {
                        'min': dbMinYear,
                        'max': dbMaxYear
                        },
                        format: {
                            to: function ( value ) {
                                return value + '';
                            },
                            from: function ( value ) {
                                return value.replace(',00', '');
                            }
                        }
                    });
                //} 
                   
                yearRange.noUiSlider.on('update', function( values, handle ) {
                    var value = values[handle];
                    if ( handle ) {
                        if(dbMaxYear == value){
                            yearMax.innerHTML = '�: Max';
                        }else{
                            yearMax.innerHTML = '�: ' + value;
                        }
                        $('#year_to-header').val(value);
                    } else {
                        if(dbMinYear == value){
                            yearMin.innerHTML = 'De: Min';
                        }else{
                            yearMin.innerHTML ='De: '+ Math.round(value);
                        }
                        $('#year_from-header').val(value);
                    }
                });
                
                yearMin.addEventListener('change', function(){
                    yearRange.noUiSlider.set([this.value, null]);
                });
                yearMax.addEventListener('change', function(){
                    yearRange.noUiSlider.set([null, this.value]);
                });

                //generating range buttons for mileage
                var mileageMax = document.getElementById('mileageMax-header');
            var mileageMin = document.getElementById('mileageMin-header');
            var mileageRange = document.getElementById('mileageRange-header');
            var dbMaxMileage = 330928 ;
             var dbMinMileage = parseInt(10 / 10, 10) * 10;
            dbMinMileage = 100 * Math.floor((dbMinMileage + 50) / 100);
            var startMilMin;
            var startMilmax;
                if(document.getElementById('mileage_from-header').value){
                    
                    startMilMin = document.getElementById('mileage_from-header').value;
                }
                else{
                    startMilMin =0;
                }
                if(document.getElementById('mileage_to-header').value){
                    startMilmax = document.getElementById('mileage_to-header').value;
                }
                else{
                    startMilmax =dbMaxMileage;
                }
            //if(!mileageRange.noUiSlider){
                noUiSlider.create(
                    mileageRange, {
                    start: [ startMilMin, startMilmax ],
                    step: [2000],
                    connect: true,
                    range: {
                    'min': 0,
                    
                    'max': dbMaxMileage
                    },
                    format: {
                        to: function ( value ) {
                            return value + '';
                        },
                        from: function ( value ) {
                            return value.replace(',00', '');
                        }
                    }
                });   
            //}
            mileageRange.noUiSlider.on('update', function( values, handle ) {
                var value = values[handle];
                if ( handle ) {

                    if(value==dbMaxMileage)
                    {                    
                        mileageMax.innerHTML='�: Max';
                       
                    }else{
                        mileageMax.innerHTML='�: '+Math.round(value);

                    }
                    $('#mileage_to-header').val(Math.round(value));
                    //console.log($('#price_to').val()); 
                } else {
                    mileageMin.innerHTML = 'De: '+ Math.round(value)+' ';
                    $('#mileage_from-header').val(Math.round(value));
                    //console.log( $('#price_from').val()); 
                }
            });
            
                mileageMin.addEventListener('change', function(){
                    mileageRange.noUiSlider.set([this.value, null]);
                });
                mileageMax.addEventListener('change', function(){
                    mileageRange.noUiSlider.set([null, this.value]);
                });
          $('#resetSearch1').click(function(){
              priceRange.noUiSlider.set([dbMinPrice, dbMaxPrice]);
              yearRange.noUiSlider.set([dbMinYear, dbMaxYear]);
              mileageRange.noUiSlider.set([dbMinMileage, dbMaxMileage]);

            })               
    })

    //from old header
    jQuery(function(){

      jQuery("#make_id-header").change(function(){
          var Valor = jQuery(this).val();            
          loadModelCar2(Valor);
          // change_bodytype();
      }); 
    var named = '';
    var err = []; 

    jQuery("#search-form-header").submit(function(e){
        var $this = jQuery(this);
        console.log($this);
        var make = 'all';

        var bodytype = [];
        var transmission = [];
        
        $this.find('select[disabled!=disabled]').each(function(){
            var $input = jQuery(this);
            var value = $input.val();
            var text = $input.find('option:selected').text();
            text = text.replace(/(\s[(][0-9]*[)])/, "");
            var name = $input.attr('name');
            if(name == 'make'){
                if(value) make = text.toLowerCase();
            }else{
                if(value && name !='makeOther'){                    
                    named+=name+':'+value+'/';
                }
            }
        });
        
        $this.find('input[type=hidden]').each(function(){
            var $input = jQuery(this);
            var value = $input.val();
            var text = $input.find('option:selected').text();
            var name = $input.attr('name');
            if(value)
            {
                named+=name+':'+value+'/';
            }
        });        
       
        $this.find('input:checkbox[name="transmission"]').each(function(){
            var $input = jQuery(this);
            var value = $input.attr('value');
            var name = $input.attr('name');
            if($input[0].checked == true){
                transmission.push(value);
            }
        });
        
        $this.find('.checkbox1').each(function(){
            var $input = jQuery(this);
            var value = $input.attr('value');
            var name = $input.attr('name');

            if(name == 'make'){
                if(value) make = text.toLowerCase();
            }else{
                if($input.is(':checked')){
                    if(value){
                        if($input[0].checked == true){
                            bodytype.push(value);
                        }
                    }
                }
            }
        });                            
        var n = jQuery( ".checkbox1:checked" ).length;                            
        if(bodytype.length>0){
            named+='bodytype:'+bodytype+'/';   
        }                  
        if(transmission.length>0){
            named+='transmission:'+transmission+'/';    
        }
        if(err.length==0){
            var isMobile = 0;
            
            if(isMobile=='1' && devWidth<767){
                location.href = "http://www.hyundaigabrielddo.com/fr"+"/cars/make/"+make+'/type:grid/'+named;

            }else{
                location.href = "http://www.hyundaigabrielddo.com/fr"+"/cars/make/"+make+'/type:list/'+named;

            }
            return false;

        }
        else{
            //alert(err);
            e.preventDefault();
            return false;
        }

    });
    
    jQuery("#search-form-2").validate({
        submitHandler: function (form) {
            var code = form.elements["q"].value;
            if(code != 'Search...' || code != 'Recherche...'){
                window.location = "/fr/search/"+code;  
            }
            return false;
        }
    }); 
    });
                        
    function loadModelCar2(make_id){ 
        if(make_id!=""){            
                    jQuery.post("http://www.hyundaigabrielddo.com/fr/ajax/bringModelsListing/Model/"+make_id+"/_", function( data ) {
                    jQuery(".for_select").empty().html(data);
            });              
        }                                
    }
   $('#resetSearch1').click(function(){       
        jQuery("#search-form-header").find("select option:first-child").attr("selected", "selected");
        
    });
</script>
 

                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#" title="" class="link-menu">Service/Pi�ces<span class="caret"></a>
                            <div class="content-dealer-menu" style="display: none;">
                                <div class="container cf">
                                <div class="content-submenu">
                                   <div class="row">
                                    <div class="col-md-8">
                                        <a href="/fr/service/" title="" class="title-service">Service</a>
                                        <div class="row">
                                        <div class="content-links content-links-parts">
                                        
                                            
                                            <div class="col-sm-6">
                                                                                                <a href="/fr/service/request-a-service-appointment/" title="" class="menuItem button"><i class="fa fa-calendar-check-o" aria-hidden="true"></i>Demande de rendez-vous</a>
                                                                                            </div>
                                            <div class="col-sm-6">
                                                                                                <a href="/fr/promotions/service-promotions/156_entretien-hyundai" title="" class="menuItem"><i class="fa fa-tags" aria-hidden="true"></i>Promotions sur le service</a>
                                            </div>
                                            <div class="col-sm-6">
                                                <a href="/fr/service/maintenance-schedule" title="" class="menuItem "><i class="fa fa-wrench" aria-hidden="true"></i>Entretiens p�riodiques</a>
                                            </div>                                            
                                            <div class="col-sm-6">
                                                <a href="/fr/service/hyundai-warranties" title="" class="menuItem "><i class="fa fa-shield" aria-hidden="true"></i>Garanties de Hyundai</a>
                                            </div>
                                            <div class="col-sm-6">
                                                <a href="/fr/service/hyundai-certified-pre-owned-vehicles" title="" class="menuItem "><i class="fa fa-shield" aria-hidden="true"></i>V�hicules d'occasion certifi�s</a>
                                            </div>
                                            <div class="col-sm-6">
                                                <a href="/onsedeplacepourvous/" title="" class="menuItem "><i class="fa fa-shield" aria-hidden="true"></i>On se d�place pour vous</a>
                                            </div>
                                          
                                        </div>
                                    </div>
                                       </div>
                                    <div class="col-md-4">
                                        <a href="/fr/parts/" title="" class="title-service">Pi�ces</a>
                                        <div class="row">
                                           <div class="col-sm-6 col-md-12">
                                                <a href="/fr/parts/parts-order-inquiry" title="" class="menuItem button" ><i class="fa fa-cog" aria-hidden="true"></i>INFOS / commande de pi�ces</a>
                                            </div>
                                            <div class="col-sm-6 col-md-12">
                                                                                                 <a href="/fr/promotions/parts-promotions/638_mise-�-jour-en-mati�re-de-connectivit�" title="" class="menuItem" ><i class="fa fa-tags" aria-hidden="true"></i>Promotions des pi�ces</a>
                                            </div>
                                           <!-- <div class="col-sm-6 col-md-12">
                                                <a href="" title="" class="menuItem "><i class="fa fa-circle-o" aria-hidden="true"></i></a>
                                            </div> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                                </div>
                        </li>
                        
                        <li>
                            <a href="/fr/promotions/" title="">Promotions<span class="caret"></span></a>                       
                            <div class="content-dealer-menu" style="display: none;">
                                <div class="container cf">
                                    <div class="content-submenu">
                                        <div class="group-content-promo">
                                            <ul>
                                                <li class="list-promotion">
                                                                                                        <a href="/fr/promotions/new-vehicles-promotions/1008_le-grand-avantage-du-printemps" title="" class="link-promo-img">
                                                        <figure>
                                                            <img src="/img/new_site/img-promotions-news.jpg" alt=""/>
                                                        </figure>
                                                    </a>
                                                    <a href="/fr/promotions/new-vehicles-promotions/1008_le-grand-avantage-du-printemps" title="" class="content-title-promo"> Promotions<br />v�hicules neufs</a>
                                                </li>
                                                <li class="list-promotion">
                                                                                                        <a href="/fr/promotions/pre-owned-vehicles_promotions" title="" class="link-promo-img">
                                                        <figure>
                                                            <img src="/img/new_site/img-promotions-occasion.jpg" alt=""/>  
                                                        </figure>
                                                    </a>
                                                    <a href="/fr/promotions/pre-owned-vehicles_promotions" title="" class="content-title-promo"> Promotions<br />v�hicules d'occasion</a>
                                                </li>
                                                <li class="list-promotion">
                                                                                                        <a href="/fr/promotions/service-promotions/156_entretien-hyundai" title="" class="link-promo-img">
                                                        <figure>
                                                            <img src="/img/new_site/img-promotions-service.jpg" alt=""/>  
                                                        </figure>
                                                    </a>
                                                    <a href="/fr/promotions/service-promotions/156_entretien-hyundai" title="" class="content-title-promo"> Promotions<br />sur le service</a>
                                                </li>
                                               <li class="list-promotion">
                                                                                                        <a href="/fr/promotions/parts-promotions/638_mise-�-jour-en-mati�re-de-connectivit�" title="" class="link-promo-img">
                                                        <figure>
                                                            <img src="/img/new_site/img-promotions-parts.jpg" alt=""/>  
                                                        </figure>
                                                    </a>
                                                    <a href="/fr/promotions/parts-promotions/638_mise-�-jour-en-mati�re-de-connectivit�" title="" class="content-title-promo"> Promotions<br />sur les pi�ces</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                         <li class="">
                            <a href="/fr/news-and-events/" title="" class="active">Nouvelles</a>
                        </li>
                                                           
                                <li>
                                    <a href="/fr/credit/" title="">Financement</a>
                                </li>
                                                
                        <li class="last">
                           <a href="#" title="">� propos<span class="caret"></span></a>
							<div class="content-dealer-menu" style=" display: none; ">
                               <div class="container cf">
                                <div class="content-submenu cf">
                                    <div class="row" id="aboutMenu">
                                           <div class="col-sm-6">
                                                <a href="/fr/about-us/the-hyundai-gabriel-ddo-team" title=""  class="menuItem"><i class="fa fa-users "></i> L'�quipe Hyundai Gabriel DDO</a>
											</div>
                                            <div class="col-sm-6">
                                                <a href="/fr/contact-us" title="" class="menuItem" ><i class="fa fa-envelope"></i> Contact</a>
											</div>
                                    </div>
                                </div>
								</div>
                            </div>
                        </li>
                    </ul>
                </nav>
            </section>

            <div class="clearfix"></div>
        </div>
    </div>
</header>
<!-- end header -->
</div>

<script type="text/javascript">
$( document ).ready(function() {
    // for models 
    // $(".navbar-brand").hover(function() {
    //    var divShowHide = $(this).parent().find(".content-dealer-menu");      
 //        divShowHide.show();
    //  divShowHide.hover(function() {
 //     divShowHide.toggle();
    //  });
    // });
    
    jQuery(".fa-search").click(function() {
        $(this).parent().find(".searchForm").toggleClass('slide');
        $(this).parent().siblings().find(".slide").removeClass('slide');
    });
    jQuery(".fa-phone").click(function() {
        $(this).parent().find(".phoneNumber").toggleClass('slide');
        $(this).parent().siblings().find(".slide").removeClass('slide');
    });
    
     jQuery(document).scroll(function(){
     $('#header_mobile').toggleClass('scrolled', $(this).scrollTop() > 1);
    });
    
    jQuery(".models").hover(function () {
            jQuery('.content-dealer-menu', this).show();
        },
        function () {
            jQuery('.content-dealer-menu', this).hide();
            
        });
    
	
    $(".navbar-brand").click(function() {
        $(this).parent().find(".content-dealer-menu").toggle();
    });
    var favNr=0;
    for(var fav in $.cookie()){
        if (fav.indexOf('favorite') !== -1) {
            favNr++;
        }
    }
    if (favNr>0) {
        $('.header-top li:first-child').show();
        $('.nrFav').text(favNr);
    }
     
 });
    
</script>

<script type="text/javascript">    
    /*
    *Mihai
    *scripts for pre-owned section in header
    */
   var devWidth = $(document).width()
   

    //from old header
    jQuery(function(){
    var named = '';
    var err = []; 

   
    
    jQuery("#search-form-2").validate({
        submitHandler: function (form) {
            var code = form.elements["q"].value;
            if(code != 'Search...' || code != 'Recherche...'){
                window.location = "/fr/search/"+code;  
            }
            return false;
        }
    }); 
    });
                        
    function loadModelCar2(make_id){ 
        if(make_id!=""){            
                    jQuery.post("http://www.hyundaigabrielddo.com/fr/ajax/bringModelsListing/Model/"+make_id+"/_", function( data ) {
                    jQuery(".for_select").empty().html(data);
            });              
        }                                
    }   
</script>
            <!-- end header -->
            
        </div>
        
        
        <div id="container-content" class="container cf">
            <div id="content">
            <div class="cf container-news" id="container_promo">
    <div class="breadcrumbs">
        <ul>
            <li>
                <a href="/fr/index" class="pathway">Accueil</a>
            </li>
            <li>
                <img src="/img/new_site/arrow.png" alt=""/>
            </li>
            <li>
                            <span>Nouvelles</span>
                        </li>
        </ul>
    </div> 
    <section class="group-accordion-slider" style="display: none;">
        <div id="accordion-slider" class="accordion-slider">
    		<div class="as-panels">
			            <div class="as-panel">
				<img class="as-background" src="https://www.hyundaigabrielanjou.com/cms-hyundai/img/pages/pages_SLk.jpg" data-retina="https://www.hyundaigabrielanjou.com/cms-audi/img/services/pages_SLk.jpg" alt=""/>
				<a href="https://www.hyundaigabrielanjou.com/cms-audi/img/pages/pages_SLk.jpg" title="">
					<img class="as-background-opened" src="https://www.hyundaigabrielanjou.com/cms-audi/img/pages/pages_SLk.jpg" data-retina="https://www.hyundaigabrielanjou.com/cms-audi/img/services/pages_SLk.jpg" alt=""/>
				</a>
			</div>
                        </div>
        </div>
    </section>
    
    <div class="promotions-top-menu">
                <h2 class="title_promotions_int" style="display: none;">�v�nements</h2>
            </div>
        <div class="row">
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/768-hyundai-gabriel-anjou-est-fier-d��tre-�lu-le-2e-meilleur-vendeur-au-canada-pour-2017-">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_fsM4ZFXghm.jpeg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/768-hyundai-gabriel-anjou-est-fier-d��tre-�lu-le-2e-meilleur-vendeur-au-canada-pour-2017-">Hyundai Gabriel Anjou est fier d��tre �lu le 2e meilleur vendeur ...</a>
                      
                    </h3>
                    <p>
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Calibri; -webkit-text-stroke: #000000}
span.s...</p>
                    <a class="readmore" href="/fr/news-and-events/768-hyundai-gabriel-anjou-est-fier-d��tre-�lu-le-2e-meilleur-vendeur-au-canada-pour-2017-">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/745-hyundai-canada-annonce-les-prix-pour-l�elantra-gt-2018">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_h6GLk16lAa.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/745-hyundai-canada-annonce-les-prix-pour-l�elantra-gt-2018">Hyundai Canada annonce les prix pour l�Elantra GT 2018</a>
                      
                    </h3>
                    <p>&bull; Bien &eacute;quip&eacute;e &agrave; partir de 20 449$
&bull; Choix de deux groupes motopropu...</p>
                    <a class="readmore" href="/fr/news-and-events/745-hyundai-canada-annonce-les-prix-pour-l�elantra-gt-2018">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/744-la-hyundai-elantra-gt-n�est-pas-une-elantra-comme-les-autres">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_CO4jlpS9tS.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/744-la-hyundai-elantra-gt-n�est-pas-une-elantra-comme-les-autres">La Hyundai Elantra GT n�est pas une Elantra comme les autres</a>
                      
                    </h3>
                    <p>Tenez-vous le pour dit, la Hyundai Elantra GT 2018 n&rsquo;est pas qu&rsquo;une simple version &agra...</p>
                    <a class="readmore" href="/fr/news-and-events/744-la-hyundai-elantra-gt-n�est-pas-une-elantra-comme-les-autres">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/731-le-kona,-un-nouveau-vus-au-nom-d�inspiration-hawaiienne">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_2RUYVwQzuY.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/731-le-kona,-un-nouveau-vus-au-nom-d�inspiration-hawaiienne">Le Kona, un nouveau VUS au nom d�inspiration hawaiienne</a>
                      
                    </h3>
                    <p>

Le 5 avril 2017 &ndash; Hyundai Motor a d&eacute;voil&eacute; son prochain VUS, nomm&eacute; Kon...</p>
                    <a class="readmore" href="/fr/news-and-events/731-le-kona,-un-nouveau-vus-au-nom-d�inspiration-hawaiienne">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/729-hyundai-santa-fe-reconnu-pour-sa-valeur-de-revente-et-l-exp�rience-de-conduite-par-cargurus">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_Q2Y1cin6Th.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/729-hyundai-santa-fe-reconnu-pour-sa-valeur-de-revente-et-l-exp�rience-de-conduite-par-cargurus">Hyundai Santa Fe reconnu pour sa valeur de revente et l'exp�rience ...</a>
                      
                    </h3>
                    <p>Fountain Valley, Californie, 24 mai 2017&nbsp;&ndash; Les&nbsp;Hyundai Santa Fe de 2013 &agrave; 201...</p>
                    <a class="readmore" href="/fr/news-and-events/729-hyundai-santa-fe-reconnu-pour-sa-valeur-de-revente-et-l-exp�rience-de-conduite-par-cargurus">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/724-d�voilement-de-la-toute-nouvelle-accent-2018">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_rGZmICKAd1.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/724-d�voilement-de-la-toute-nouvelle-accent-2018">D�voilement de la toute nouvelle Accent 2018</a>
                      
                    </h3>
                    <p>L&rsquo;Accent en est &agrave; sa cinqui&egrave;me g&eacute;n&eacute;ration. Elle poursuit sur la la...</p>
                    <a class="readmore" href="/fr/news-and-events/724-d�voilement-de-la-toute-nouvelle-accent-2018">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/667-hyundai-elantra-2017">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_sRZJ5ZOPgM.png"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/667-hyundai-elantra-2017">Hyundai Elantra 2017</a>
                      
                    </h3>
                    <p>La toute nouvelle Hyundai Elantra 2017 r&eacute;pondra &agrave; vos besoins. C&#39;est le temps d&#3...</p>
                    <a class="readmore" href="/fr/news-and-events/667-hyundai-elantra-2017">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/662-hyundai-santa-fe-2017">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_dNRhlEPXoK.png"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/662-hyundai-santa-fe-2017">Hyundai Santa Fe 2017</a>
                      
                    </h3>
                    <p>Que ce soit pour vos trajets quotidiens, vous rendre &agrave; la pratique de hockey aux petites heur...</p>
                    <a class="readmore" href="/fr/news-and-events/662-hyundai-santa-fe-2017">+</a>
                </div>
			</div>
        </div>
            <div class="col-sm-6 col-md-4">
               <div class=" list-news">
                <div class="img-intro-left">
                    <a href="/fr/news-and-events/658-hyundai-nous-r�v�le-ses-mod�les-ioniq">
                        <img src="https://www.gabriel.ca/2013/cms-general/img/news/news_WZlNrDIell.jpg"  alt="" style="width:100%;" />
                    </a>
                </div>
                <div class="intro-right">
                    <h3>
                        <a class="news_events_title" href="/fr/news-and-events/658-hyundai-nous-r�v�le-ses-mod�les-ioniq">Hyundai nous r�v�le ses mod�les Ioniq</a>
                      
                    </h3>
                    <p>

9 janvier 2017 - Hyundai Motor Company nous r&eacute;v&egrave;le&nbsp;trois&nbsp;de ces&nbsp;mod...</p>
                    <a class="readmore" href="/fr/news-and-events/658-hyundai-nous-r�v�le-ses-mod�les-ioniq">+</a>
                </div>
			</div>
        </div>
        </div>
    <div class="clear"></div>
    <div class="pagination_listing_car">
        <ul>
            <li class="active paginator_numbres"><a>1</a></li><li class="paginator_numbres"><a href="/news/viewNews/fr/page:2">2</a></li><li class="paginator_numbres"><a href="/news/viewNews/fr/page:3">3</a></li><li class="paginator_numbres"><a href="/news/viewNews/fr/page:4">4</a></li>        </ul>
    </div>
    </div>
<script src="/js/dynamic-grid/plugins.js" type="text/javascript"></script>
<script src="/js/dynamic-grid/demo.js" type="text/javascript"></script>            </div>
            <div style="clear: both"></div>
            
        </div>
                <div class="group-map" style="display: block;">
            <div class="overlay" style="background-image: url('/img/new_site/map.png'); width: 100%; height: 350px;"></div>
             <!-- <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=4600B,+boul.+Saint-Jean,Dollard-des-Ormeaux,H9H+2A6+,+Canada&amp;z=14&amp;iwloc=&amp;output=embed"></iframe> -->
        </div>
        <script type="text/javascript">
            $('.overlay').click(function(){                          
                (function () {                      
                    var mIframe = document.createElement('iframe'); mIframe.width = '100%'; mIframe.height = '350';mIframe.async = true;
                    mIframe.src = ("https:" == document.location.protocol ? "https://" : "http://") + "www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2797.200685203929!2d-73.85070568421249!3d45.48590334001557!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cc93b717a81de45%3A0x3b199e746d1a219b!2s4600B+Boul+Saint-Jean%2C+Dollard-des-Ormeaux%2C+QC+H9H+2A6!5e0!3m2!1sfr!2sca!4v1512419304770";
                  
                    var s = document.getElementsByClassName('overlay')[0]; s.append(mIframe);
                    })();
                    $('.overlay').css( "background-image","none" );
                });
        </script>
       
                <hr />      
        <!--footer-->
        <footer>
    <div class="container">
       <div class="row">
        <div class="col-sm-4 footerLeft">
            <div class="clearfix"></div>
            <div class="disclaimer"> � Hyundai Gabriel D.D.O., Tous les droits sont r�serv�s </div>
            
        </div>
        <div class="col-sm-4 footerMiddle">
           <ul id="footer_links">
                <li><a href="/fr/legal">L�gal</a></li>
                <li><a href="/fr/careers">Carri�res</a></li>
                <li class="last"><a href="#">Sitemap</a></li>
            </ul>
        </div>
        <div class="col-sm-4 footerRight">
                         <div class="social"> 
              
                                <a href="https://www.facebook.com/HyundaiGabrielDDO" title="Facebook" target="_blank" class="first" >
                    <i class="fa fa-facebook fa-lg"></i>
                </a>
                 
                <a href="http://www.youtube.com/channel/UCzcREkrm3cYZ5H6a24y-Oag" title="Youtube" target="_blank">
                    <i class="fa fa-youtube fa-lg"></i>
                </a>
                  
                <a href="https://plus.google.com/105950931118566114297" title="Google plus" target="_blank" >
                    <i class="fa fa-google-plus fa-lg"></i>
                </a>
                								
            </div>
                    </div>
    </div>
	</div>
    <a class="back-to-top" style="display: inline;" href="#">Top</a>
    <!-- <div style="display: block; margin: 0px; float: right;">
        <div id="live_chat_status" style="float: right;"></div>
    </div> -->
</footer>
<!--========================================= Popups =========================================-->
 
 <!-- modal popup redirect to occasiongabriel.com -->
    <div class="modal fade" id="myModalOccasion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="color:#000000 !important">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close closer close-it" data-dismiss="modal" aria-label="Close"></button>
                </div>   
                <div class="modal-body">
                    <div class="promoDetail popup-gral-header">
                                                <p>Vous �tes sur le point de voir plus de v�hicules sur Occasion Gabriel.</p>
                                                <div class="container-button-popup">
                            <button type="button" class="button close-button" data-dismiss="modal">Annuler</button>
                            <a class="button cta close-it" href="http://www.occasiongabriel.com/fr/make/" target="_blank">Continuer</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- end modal redirect to occasiongabriel.com -->



<a class="fancybox fancybox_link" href="#inline1" title="" style="display: none;">Link Fancybox</a>
<!--PROMOTION HOME PAGE-->

        <!--end footer-->
        <div style="clear: both"></div>
        <!-- end container --> 
    </div>
    <!--
    <div id="live_chat_status" class="text" style="margin-left: 57px;">
                <a href="#"><img src="/img/chatWidget/chat_sans_fr.png"  alt=""/></a> 
    </div>
     -->
    <!-- <div class="seenlive-widget-video-container"></div> -->

  
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53f6169431a378d7"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-46342447-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-46342447-1');
</script>
    <!-- Load general scripts -->
    
	<script type="text/javascript" src="/js/jquery.fancybox.js" defer="defer"></script>
	<script type="text/javascript" src="/js/slider-pro/jquery.sliderPro.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/validate.js" defer="defer"></script>
	<script type="text/javascript" src="/js/jquery.bxslider.js" defer="defer"></script>
	<script type="text/javascript" src="/js/bootstrap/bootstrap.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/accordion-slider/jquery.accordionSlider.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/noUiSlider/nouislider.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/jquery.jcarousel.min.js" defer="defer"></script>
	<script type="text/javascript" src="/js/jcarousel.responsive.js" defer="defer"></script>
    
    <link rel="stylesheet" href="/css/jquery-ui.css" />
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="https://www.hyundaigabrielddo.com/js/fuzzy/fuzzy.js"></script>
    <script type="text/javascript" defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script defer="defer" src="/js/jquery.maskedinput.min.js"></script>

    <script type="text/javascript" defer="defer" src="/js/messages_fr.js"></script>    
    <!-- Load SeenLive widget -->
    <!-- <script src="https://seenlive.io/assets/seenlive-widget.jquery.js"></script> -->
    <script type="text/javascript" defer="defer">
        $(document).ready(function() {
            var availableTags = [];
                        availableTags.push("Compactes");
                            availableTags.push("Accent");
                                availableTags.push("Accent 5 Portes");
                                        availableTags.push("Accent 4 Portes");
                                    availableTags.push("Elantra");
                                availableTags.push("Elantra Sport");
                                        availableTags.push("Elantra");
                                    availableTags.push("Elantra GT");
                                availableTags.push("Elantra GT");
                                    availableTags.push("IONIQ");
                                availableTags.push("IONIQ Electrique");
                                        availableTags.push("IONIQ Hybride");
                                    availableTags.push("Sonata");
                                availableTags.push("Sonata");
                                    availableTags.push("Sonata Hybride");
                                availableTags.push("Sonata Hybride");
                                availableTags.push("Hybrides  Electriques");
                            availableTags.push("Accent");
                                availableTags.push("Accent 5 Portes");
                                        availableTags.push("Accent 4 Portes");
                                    availableTags.push("Elantra");
                                availableTags.push("Elantra Sport");
                                        availableTags.push("Elantra");
                                    availableTags.push("Elantra GT");
                                availableTags.push("Elantra GT");
                                    availableTags.push("IONIQ");
                                availableTags.push("IONIQ Electrique");
                                        availableTags.push("IONIQ Hybride");
                                    availableTags.push("Sonata");
                                availableTags.push("Sonata");
                                    availableTags.push("Sonata Hybride");
                                availableTags.push("Sonata Hybride");
                                availableTags.push("Multisegments");
                            availableTags.push("Tucson");
                                availableTags.push("Tucson");
                                    availableTags.push("Santa Fe");
                                availableTags.push("Santa Fe Sport");
                                        availableTags.push("Santa Fe XL");
                                availableTags.push("Hyundai");
                        availableTags.push("Jeep");
                        availableTags.push("Mazda");
                        availableTags.push("MINI");
                                availableTags.push("La Hyundai Sonata 2014 beneficie de retouches de design");
                                            availableTags.push("Sonata Hybrid 2014");
                                            availableTags.push("Hyundai Elantra GT 2016");
                                            availableTags.push("Hyundai Elantra 2017");
                                            availableTags.push(" power and performance");
                                            availableTags.push("Hyundai Santa Fe 2017");
                                            availableTags.push("Hyundai Tucson 2017");
                                            availableTags.push("860 kids off the sidelines");
                                            availableTags.push("Un message jusque dans l'espace");
                                            availableTags.push("La toute nouvelle Sonata 2015");
                                            availableTags.push("Liberez-vous avec le tout nouveau Tucson de Hyundai");
                                            availableTags.push("La toute nouvelle Genesis 2015");
                                            availableTags.push("Concurrence aout 2016");
                                            availableTags.push("Preparer votre vehicule pour l�hiver");
                                            availableTags.push("Hyundai devoilera une nouvelle creation au mandat vert");
                                            availableTags.push("Hyundai Canada annonce les prix pour l�Elantra GT 2018");
                                            availableTags.push("Hyundai Gabriel Anjou est fier d�etre elu le 2e meilleur vendeur au Canada pour 2017.");
                                            availableTags.push("Hyundai fait sensation au Red Bull Flugtag");
                                            availableTags.push("Les modeles de Hyundai recoivent d�excellentes notes dans l�Enquete de qualite initiale de J.D. Power");
                                            availableTags.push("Hyundai Santa Fe reconnu pour sa valeur de revente et l'experience de conduite par CarGurus");
                                            availableTags.push("Hyundai nous revele ses modeles Ioniq");
                                            availableTags.push("Le Hyundai Tucson nomme l'un des 10 Meilleurs vehicules familiaux par Parents Magazine et Edmunds.com");
                                            availableTags.push("La Hyundai Veloster est l�une des �10 voitures les plus cool sous les 18 000$� de KBB.com pour 2016");
                                            availableTags.push("Le Kona");
                                            availableTags.push("La Hyundai Elantra GT n�est pas une Elantra comme les autres");
                                            availableTags.push("Programme de partenariat prix preferentiels");
                                            availableTags.push("Le GRAND avantage du printemps");
                                            availableTags.push("Vehicules d'occasion certifies Hyundai");
                                            availableTags.push("Vehicules d'occasion certifies");
                                            availableTags.push("Entretien Hyundai");
                                            availableTags.push("Entretien Hyundai");
                                            availableTags.push("Mise a jour en matiere de connectivite");
                                    availableTags.sort();
            
            fuzzy.analyzeSubTerms = true;
        
            var options = availableTags,
            maxResults = 15,
            input = document.querySelector('.searchInput'),
            output = document.querySelector('.searchForm ul');
        
            function doFilterOptions() {
                var query = input.value,
                filterResult = [],
                i;
            
                // removing all child elements the easy way
                output.innerHTML = '';
                
                if(query === '') {
                    return;
                }
                
                for(i = 0; i < options.length; i++) {
                    filterResult[i] = fuzzy(options[i], query);
                }
                
                filterResult.sort(fuzzy.matchComparator);
                
                for (i = 0; i < filterResult.length && i < maxResults; i++) {
                    var option = filterResult[i],
                    el = document.createElement('li');
                
                    el.className = "list-link";
                    el.dataset.score = option.score;
                    el.dataset.term = option.term;
                    elinka = document.createElement('a');
                    elinka.setAttribute('href', 'http://www.hyundaigabrielddo.com/fr/search/' + option.term);
                    elinka.setAttribute('title', '');
                    elinka.innerHTML = option.highlightedTerm;
                    el.appendChild(elinka);
                
                    if (i === 0) {
                        el.classList.add('selected');
                    }
                    
                    output.appendChild(el);
                }
            };
            
            function getSelectedNode() {
                return document.querySelector('.selected');
            };
        
            function useSelectedOption() {
                var selectedNode = getSelectedNode();
                if (selectedNode !== null) {
                    input.value = selectedNode.dataset.term;
                }
            };
            
            function moveSelection(down) {
                var selectedNode = getSelectedNode(),
                newSelectedNode = null;
                if (down) {
                    newSelectedNode = selectedNode.nextSibling;
                } else {
                    newSelectedNode = selectedNode.previousSibling;
                }
            
                if (newSelectedNode !== null) {
                    selectedNode.classList.remove('selected');
                    newSelectedNode.classList.add('selected');
                    document.querySelector('.searchInput').value = newSelectedNode.dataset.term;
                }
            };
        
            input.addEventListener('keyup', function(e) {
                if (e.keyCode === 13) { // enter
                    useSelectedOption();
                    doFilterOptions();
                } else if (e.keyCode === 40) { // down
                    moveSelection(true);
                } else if (e.keyCode === 38) { // up
                    moveSelection(false);
                } else if (e.keyCode === 27) { // ESC
                    output.innerHTML = '';
                    input.value = '';
                } else {
                    doFilterOptions();
                }
            }, false);
            
            /*for (var i = 0; i < options.length; i++) {
                var textNode = document.createTextNode(options[i]),
                liNode = document.createElement('li');
                liNode.appendChild(textNode);
            }*/
            
            /*$(".searchInput").autocomplete({
                source: function(request, response) {
                    var results = $.ui.autocomplete.filter(availableTags, request.term);    
                    if(results.length > 15){
                        $('.ui-autocomplete').css('height', '400px');
                        $('.ui-autocomplete').css('overflow-y', 'scroll'); 
                        $('.ui-autocomplete').css('overflow-x', 'hidden'); 
                    }else{
                        $('.ui-autocomplete').css('height', 'auto');
                        $('.ui-autocomplete').css('overflow-y', 'hidden'); 
                        $('.ui-autocomplete').css('overflow-x', 'hidden'); 
                    }
                    response(results);
                },
                select: function(event, ui){
                    location.href="/fr/search/" + ui.item.value;
                }
            }); */
        });
    </script>
   
    <script defer="defer" type="text/javascript">
        jQuery.browser = {};
        (function () {
            jQuery.browser.msie = false;
            jQuery.browser.version = 0;
            if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
                jQuery.browser.msie = true;
                jQuery.browser.version = RegExp.$1;
            }
        })();   
    </script>
        <!-------------------------------------------- Scripts chat -------------------------------------------------->
   <div id="live_chat_status"></div>
   <script  type='text/javascript'>
       if("fr"=="en") {
            window.WGAccountID = 'TGl2ZUFkbWlucy9oeXVuZGFpZ2FicmllbGRkby5jb20vZW4vaW5kZXgv';
        }else{
            window.WGAccountID = 'TGl2ZUFkbWlucy9oeXVuZGFpZ2FicmllbGRkby5jb20vZnIvaW5kZXgv';
        }   
        (function(){var e = document.createElement('script'); e.async = true;e.src = window.location.protocol + '//thelivechatsoftware.com/Dashboard/cwgen/scripts/la_script.js';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(e, s);} ());</script>
    </script>

   
    <!--SECURE JAVASCRIPT PIXEL CODE START-->
<script src="https://acuityplatform.com/Adserver/pxlj/2271796609326247760?" type="text/javascript" async ></script>
<!--SECURE JAVASCRIPT PIXEL CODE END-->
<!-- MotoFuze Signals -->
    <script type="text/javascript">
    //<![CDATA[
        // specify the website id and track the pageview
        var _msq = _msq || [];
        _msq.push(
            ['_setWebsite', ''],
            ['_trackPageview']
        );
 
        // load the MotoFuze Signals script asynchronously
        (function () {
            var mSignal = document.createElement('script'); mSignal.type = 'text/javascript'; mSignal.async = true;
            mSignal.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'fzlnk.com/signals.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mSignal, s);
        })();
    //]]>
    </script>
    <noscript><img src="http://fzlnk.com/HandleSignal.ashx?s_type=trackPageview&s_wsId=4c1ca6d6-22f6-45b0-bf08-700d3ee7204d&smc=4c1ca6d6-22f6-45b0-bf08-700d3ee7204d.0.0&cachebuster=1407826664" height="1" width="1" style="display:none"></noscript>
  
</body>
</html>