﻿

@media screen and (max-width:994px)
{
    /* TEMPORARY! */
    /*.pagewrapper, .pagewrapperindex, #contentwrapper 
    #ContentPlaceHolderAccueil_Visionneuse1_upVisionneuseAccueil,
    .IdeeVacanceVisionneuse */

    /*.accueil_container, 
    .footerWrapper {display:none;}*/
    
    
    
    /* Nav */
    #navbuttons {
        background-size:100%;
        background-position:center;
        background-image:none !important;
    }
    div.content_left_3.top {
        padding-left:2.515090543259557344064386317907%; /* 25px / 994px = 0.02515090543259557344064386317907 */
        padding-right:2.515090543259557344064386317907%;
        width:94.969818913480885311871227364185%;
        max-width:none;
    }
    .rechercheAds1 {
        position:relative;
        float:right;
    }
    div.content_left_3.list {
        padding-left:2.515090543259557344064386317907%;
        padding-right:2.515090543259557344064386317907%;
        width:71.428571428571428571428571428571%; /* 710px / 994px = 0.71428571428571428571428571428571 */
    }
    div.content_left_4 {
        width:72.032193158953722334004024144869%; /* 716px / 994px = 0.72032193158953722334004024144869 */
        padding:0px 2.213279678068410462776659959759%; /* 22px / 994px = 0.02213279678068410462776659959759 */
    }
    div.content_left_4.top {
        padding:20px 2.213279678068410462776659959759% 0 2.213279678068410462776659959759%; /* 22px / 994px = 0.02213279678068410462776659959759 */
    }
    div.content_left_showcase,
    div.content_left_5.top {
        width:76.458752515090543259557344064386%; /* 760px / 994px = 0.76458752515090543259557344064386 */
    }
    div.content_left_ficher { max-width:none; }
    div.rechercheAds4 {display:none;}
    table.listStandAloneDescriptionTable1 { width:76%; }
    
    div.content_left_reservation {
        width:72.032193158953722334004024144869%; /* 716px / 994px = 0.72032193158953722334004024144869 */
        padding:25px 2.213279678068410462776659959759% 10px 2.213279678068410462776659959759%; /* 22px / 994px = 0.02213279678068410462776659959759 */
    }
    
    /* Recherche Advancee */
    
    #masterFormulaireDiv { width:100% !important; }
    .xsnazzy { max-width:825px;width:99.396378269617706237424547283702%; }
    .iFrame { width:100% !important; }
    
    /* Accueil */
    
    .accueil_container {
        padding:30px 4.0241448692152917505030181086519% 60px 4.0241448692152917505030181086519%; /* 40px / 994px = 0.04024144869215291750503018108652 */
        width:91.951710261569416498993963782696%;
    }
    
    .accueil_container .reportagesArticles,
    .accueil_container .cyberBulletin,
    .accueil_container .video,
	.accueil_container .presentoirs,
    .accueil_container .ideesTempsFetes,
    .accueil_container .evenements,
    .accueil_container .hebergement,
    .accueil_container .forfaits .right_links,
    .accueil_container .promotions .right_links { display:none; }
    
    .accueil_container .forfaits,
    .accueil_container .promotions,
    .accueil_container .sorties {
        float:left; 
        border:none;
        padding:0;
        width:30%;
        padding-right:5%;
    }
    
    .accueil_container .sorties a.right_arrow { display:block; }
    
    .accueil_container .reportagesArticles.mobile {
        display:block;
        max-width:none;
        padding:0;
        border:none;
    }
    
    .accueil_container .reportagesArticles.mobile .liste_contenu_item {
        float:left;
        width:50%;
        min-height: 150px;
    }
    
    .accueil_container .sorties { padding:0; /* Important for 3 col layout */ }
    
    .accueil_container .categories_section { display:block; }
    
    .accueil_container .forfaits .left_img_desc,
    .accueil_container .promotions .left_img_desc { border:none; }
    
    .accueil_container .bottom_section {
        float:none;
        width:auto;
    }
    
    .accueil_PlusInfo {display:block;}
    
    .imgDisplay {display:none;}
    
    .imgDisplay.responsive {display:block;}
    
    .listing_photo_vedette_table tr:nth-child(1n + 2) { display:none; }
    
    .listing_photo_vedette_table .image {
        padding:0;
        border:none;
        height:auto;
    }
    
    .listing_photo_vedette_table .image img {
        width:172px; 
        height:113px;
    }
    
    .listing_photo_vedette_table div.featured_listing_row {
        padding:0;
        width:100%;
    }
    
    .listing_photo_vedette_table div.featured_listing_row div.arial10:first-child { display:none; }
    .listing_photo_vedette_table div.featured_listing_row div.title {
        font-size:16px;
        font-weight:bold;
        padding-top:10px;
        width:172px;
    }
    
    /* Experience */
    .experience_listings_table { margin:0 auto;max-width:321px; }
    .experience_listings_table tr td { display:block;width:100% !important; }
    .experience_listings #Div1 { margin:0 !important; }
    div.experience_visionneuse { display:none; }
    div.experience_listings div#experience_title {display:block;}
	div.experience_listings div#experience_description {display:block;}
    
    /* Reportages */
    .reportage_listings_table { margin:0 auto;max-width:321px; }
    .reportage_listings_table tr td { display:block;width:100% !important; }
    .reportage_listings #Div1 { margin:0 !important; }
    div.reportage_visionneuse { display:none; }
    div.reportage_listings div#reportage_page_title {display:block;}
	div.reportage_listings div#reportage_description {display:block;}
    
	
	 /* Listing vedettes */
	div.explorer_visionneuse { display:none; }	 
	div.activite_visionneuse { display:none; }
	div.evenement_visionneuse { display:none; }
	div.hebergement_visionneuse { display:none; }
	div.sortie_visionneuse { display:none; }
	div.forfait_visionneuse { display:none; }
	div.promotion_visionneuse { display:none; }
	div.listing_vedette_evenements {display:block;}
	div.listing_vedette_activites {display:block;}
	div.listing_vedette_hebergement {display:block;}
	div.listing_vedette_explorer {display:block;}
	div.listing_evenements_a_surveiller {display:none;}

    
    div.content_left_experience {
        width:76.458752515090543259557344064386%; /* 760px / 994px = 0.76458752515090543259557344064386 */
    }
    
    .suggestion_sorties:nth-child(1n + 6) { display:none; }
    
    .suggestions_mobile {display:block;}
    
    /* Categories */
    div.pagecolor {min-height:0;}
    
    div.pagecolor.activities,
    div.pagecolor.explorer,
    div.pagecolor.evenements,
    div.pagecolor.hebergement,
    div.pagecolor.sorties,
    div.pagecolor.forfaits,
    div.pagecolor.promotions {
        max-width:none;
    }
    
    div.page_nav,
    div.page_nav_block {
        margin:0 0 10px 10px;
    }
    
    div.colonne_gauche { float:right; }
    
    div.colonne_centre { width:60%; }
    
    div.rightcolumnwrapper { width:297px; }
    
    div.rightcolumnwrapper div.rechercheAds2 {
        display:block;
        float:none;
        margin:0 auto;   
    }
    .rechercher_reservation { margin:0 auto; }
    #overallActiviteList { display:none; } /* Hide hover-menu on activities page */
    
    .produitliststandalone_right_description { width:calc(100% - 165px);width:-webkit-calc(100% - 165px); }
    
    /* Regions Touristiques */
    
    table.regions_touristiques_table td.map {display:none;}
    table.regions_touristiques_table td.list {padding: 20px 30px 0 25px;}
    table.regions_touristiques_table div.list-container { max-width:none; }
    div.regions_touristiques_reportages,
    div.regions_touristiques_suggestions { max-width:none; }
    
    div.deplacer_au_quebec_category_block {
        width:49.786628733997155049786628733997%; /* 350px / 703px = 0.49786628733997155049786628733997 */
    }
    
    /* Magazine */
    div.headermagazine {display:none;}
    
    div.magazine_block {
        width:70.422535211267605633802816901408% !important; /* 700px / 994px = 0.70422535211267605633802816901408 */
        padding-left:3.018108651911468812877263581489% !important; /* 30px / 994px = 0.03018108651911468812877263581489 */
        padding-right:3.018108651911468812877263581489% !important;
    }
    
    div.magazine_block.top {padding-top:20px;}
    
    table.magazine_table tr td { padding-bottom:20px; }
    
    div.magazine_block div.right_description { display:block;width:100%;float:left; }
    div.magazine_block div.photo { padding-bottom:0; }
    div.magazine_block div.right_description div.text { width:100%; }
    div.magazine_block div.right_description div.description { width: 45%;float:left; }
    
    /*------------------------- FICHER ----------------------------*/

    div.content_left_ficher div.produit_description {
        width:calc(100% - 317px - 44px);
        width:-webkit-calc(100% - 317px - 44px); 
        max-width: none;
        padding: 22px 22px 0px 22px;
    }

    div.content_left_ficher div.produit_photo {
    }
    
    /*------------------------- SHOWCASE ----------------------------*/
    
    div.content_left_showcase div#col2 { display:none; }
    
    div.content_left_showcase div#col1 { max-width:none;width:100% !important; }
    div.content_left_showcase div#contentwrapper { padding: 0px 25px 0 25px; }
    div.content_left_showcase div.nav_showcase_container div.nav_client { display:none; }
    div.nav_showcase_container div.nav_client_showcase { display:block; }
    div.content_left_showcase div.advance_recherche { display:none; }
    
    div.content_left_showcase div.nav_showcase_container.mobileTop div.nav_client  {display:none;}
    
    div.idees_sorties_col_1 div.call_to_action { padding-right:20px; }
    
    /*------------------------- RESERVATION ----------------------------*/

    /*.reservation_table .region_ville {
        padding: 0px 10px 0px 0px;
        width:21.96861626248216833095577746077%; 
    }*/
    
    .reservation_table .region_ville {
        float:none;
    }
    
    .reservation_table .date_nuit {
        border:none;
        float:none;
        padding-right:0;
    }
    
    .reservation_table .top {
        display:block;
        margin:0 auto;
        width:302px;
        padding-bottom:10px;
    }
    
    .reservation_table .personnes_par_chambre {
        float:none;
        margin:0 auto;
        display: block;
        padding:10px 0 0 0;
        border-top: 1px #fff solid;
    }
    
    .BanniereGoogleB {
        display:none;
    }

}
@media screen and (max-width:920px)
{
    #navfunctions {
        width:46.927374301675977653631284916201%; /* 420px / 895px = 0.46927374301675977653631284916201 */
        margin-right:1.117318435754189944134078212291%; /* 10px / 895px = 0.01117318435754189944134078212291 */
    }
    a#navlogo {
        width:51.955307262569832402234636871508%; /* 465px / 895px = 0.51955307262569832402234636871508 */
    }
}
@media screen and (max-width:910px)
{
    div.content_left_3.list,
    div.content_left_4,
    div.content_left_experience,
    div.content_left_reservation { width:68%; /* Adapting width for fixed Ads */ }
    
    div.content_left_showcase,
    div.content_left_5.top { width:72.4%; /* Adapting width for fixed Ads */ }
    
    table.listStandAloneDescriptionTable1 { width:71.2%; }
    
    .clientliststandalone_right_description { width:65%; }
    
    div.magazine_block  {width:65.5% !important; /* Adapting list width for fixed Ads */}
}
@media screen and (max-width:895px)
{
    div.colonne_centre { width:55%; }
}

@media screen and (max-width:860px)
{
    .concours_container img
    {
        width:100%;
    }
    
    .concours_container  
    {
        width:calc(100% - 40px);
        width:-webkit-calc(100% - 40px);    
    }
}

@media screen and (max-width:802px) /* 802px = iFrame, browser = 844px */
{
    /* Recherche Advancee */
    
    #divRecherche .top_title {
        margin: 40px 1.2468827930174563591022443890274% 10px 4.9875311720698254364089775561097%; /* 10px / 802px = 0.01246882793017456359102244389027 */
        max-width:none;
        width:93.765586034912718204488778054863%; 
    }
    #divRecherche .left_ddls {
        margin-left:4.9875311720698254364089775561097%; /* 40px / 802px = 0.0498753117206982543640897755611 */ 
        width:43.017456359102244389027431421446%; /* 345px / 802px = 0.43017456359102244389027431421446 */ 
    }
    #divRecherche .left_ddls select {
        max-width:none;
        width:62.318840579710144927536231884058%; /* 215px / 345px = 0.62318840579710144927536231884058 */
    }
    #divRecherche .right_checkboxes {
        width:47.381546134663341645885286783042%; /* 380px / 802px = 0.47381546134663341645885286783042 */ 
        padding-left:3.7406483790523690773067331670823%; /* 30px / 802px = 0.03740648379052369077306733167082 */ 
    }
    #divRecherche .right_reservation_info {
        margin-left:3.7406483790523690773067331670823%; /* 30px / 802px = 0.03740648379052369077306733167082 */ 
        padding-left:2.4937655860349127182044887780549%; /* 20px / 802px = 0.02493765586034912718204488778055 */ 
        padding-right:1.8703241895261845386533665835411%; /* 15px / 802px = 0.01870324189526184538653366583541 */ 
        width:43.64089775561097256857855361596%; /* 350px / 802px = 0.4364089775561097256857855361596 */ 
    }
    #divRecherche .top_title_3 {
        margin: 40px 1.2468827930174563591022443890274% 10px 4.9875311720698254364089775561097%; /* 40px / 802px = 0.0498753117206982543640897755611 */
        width:87.28179551122194513715710723192%; /* 700px / 802px = 0.8728179551122194513715710723192 */ 
    }
    #divRecherche .top_title_3 .left {
        width:50.714285714285714285714285714286%; /* 355px / 700px = 0.50714285714285714285714285714286 */ 
    }
    #divRecherche .right_listings {
        margin: 0 0 0 3.7406483790523690773067331670823%; /* 30px / 802px = 0.03740648379052369077306733167082 */ 
        max-width: 380px;
        width:47.381546134663341645885286783042%; /* 380px / 802px = 0.47381546134663341645885286783042 */ 
    }
}

@media screen and (max-width:800px)
{
    div.content_left_3.list { width:67%; /* Adapting list width for fixed Ads */ }
    
    div.content_left_4,
    div.content_left_experience,
    div.content_left_reservation { width:67%; /* Adapting width for fixed Ads */ }
    
    div.content_left_showcase,
    div.content_left_5.top { width:71.4%; }
    table.listStandAloneDescriptionTable1 { width:69.3%; }
    div.colonne_centre { width:53.5%; }
    
}
@media screen and (max-width:785px)
{
    .rechercher {
        width:170px;
    }
}

/*--------------------------- iPad Portrait ---------------------------*/
@media screen and (max-width:768px)
{
    #navwrapper {height:148px;}
    .bgfilarianne {display:none;}
    #RechercheAvancee:hover ul { margin-left:-100px; }
    
    div.client_coor div.left div.addressTelMobile { display:block }
    div.client_coordonnees {display:none;}
    
    /* Listing */
    div.listing_filter_label,
    div.listing_filter_value img { display:none; }
    
    div.listing_filter_value {margin-right:20px;}
    
    div.listing_filter_value a  {
        border:2px solid #0087ca;
        border-radius:3px;
        padding:5px;
        background-color:#fff;
        margin-top:5px;
    }
    
    div.listings_top_controls .modelistoucarte {
        /*width:100%;*/
        margin-bottom:10px;
    }
    div.listing_calendrier_filter {
        padding:0 0 0px 17px;
        margin-bottom:10px;
        float:left;  
    }
    
    /* Listing Pager */
    div.table_pager div.prev_pager, 
    div.table_pager div.next_pager { display:none !important; }
    div.table_pager div.numeric_pager_container { width:100%; }
    div.table_pager div.mobile_prev_next_pager {display:block;}
    
    /* Produit page */
    div.modules_sur_mesures {display:none;}
    
    
    /* Ficher Nav Client */
    
    div.nav_client {
        background:none;
        padding:22px 0;
        width:100%;
        height:auto;
        float:right;
    }
    
    div.nav_client_sommaire {
        background:none;
        padding:22px 22px 0 0;
        width:calc(100% - 365px);
        width:-webkit-calc(100% - 365px);
        height:auto;
        float:right;
    }
    
    ul#navclient {
        height:auto;
    }
    
    ul#navclient li {
        float:none;
    }
    
    ul#navclient li a,
    ul#navclient li a:link,
    ul#navclient li a:visited,
    ul#navclient li a:hover,
    ul#navclient li a:active {
        background-color:#E8853D !important;
        margin:0 0 3px 0;
        padding-top:10.5px;
        padding-bottom:10.5px;
        height:auto;
        text-align:center;
        color:#fff !important;
        font-size:14px;
        font-weight:bold;
    }
    
    li.navclientActive,
    li.navclientActive a { background:url("../images/LinkFicherArrow.png") no-repeat 2px center !important; }
    
    /* Ficher */

    div.content_left_ficher div.produit_description {
        float:right;
        /*width:calc(100% - 44px);*/
        width:94.270833333333333333333333333333%; /* 724px / 768px = 0.94270833333333333333333333333333 */ 
        padding: 22px 2.864583333333333333333333333333% 0px 2.864583333333333333333333333333%; /* 22px / 768px = 0.02864583333333333333333333333333 */
    }

    div.content_left_ficher div.produit_photo {
        float:left;
        padding: 22px 22px 0px 22px;
    }
    
    div.content_left_ficher div.produit_photo div.inner_photo div.map {display:none;}
    div.content_left_ficher div.produit_photo div.inner_photo img { margin-bottom:0 !important; }
    
    div.offresvedette { margin:0;width:auto; }
    
    .link_telephone_mobile {display:block;}
    .label_telephone {display:none;}
    
    div.content_left_ficher div.content_bottom {
        /*width:calc(100% - 44px);*/
        width:94.270833333333333333333333333333%; /* 724px / 768px = 0.94270833333333333333333333333333 */
        margin-left:2.864583333333333333333333333333%; /* 22px / 768px = 0.02864583333333333333333333333333 */
        margin-right:2.864583333333333333333333333333%;
    }
    
    div.content_left_ficher div.nav_client_container { display:none; }
    div.content_left_ficher div.nav_client_container.mobile { display:block; }
    
    div.content_left_ficher div.bottom_sommaire,
    div.content_left_ficher div.nav_client_container.full {
        width:94.270833333333333333333333333333%;
        padding:0 2.864583333333333333333333333333%;
    }
    
    div.client_coor {
        width:94.270833333333333333333333333333%;
        margin:0px 2.864583333333333333333333333333% 22px 2.864583333333333333333333333333%; 
    }
    
    div.ficher_reserver_container {
        width: 94.270833333333333333333333333333%;
        margin: 20px 2.8645833333333333333333333333333%;
    }
    
    div.content_left_reservation {
        width: 94.270833333333333333333333333333%;
        padding: 25px 2.8645833333333333333333333333333% 10px 2.8645833333333333333333333333333%;
    }
    
    div.content_left_ficher div.ficher_client_groupe_list {
        width:94.270833333333333333333333333333%;
        margin:0px 2.864583333333333333333333333333%;
    }
    
    div.content_left_ficher div.ficher_dispo_details div.description {
        max-width: none;
        width:calc(100% - 200px);   
        width:-webkit-calc(100% - 200px);    
    }
    
    div.content_left_ficher #centerpagewrapper1 {
        width: 94.270833333333333333333333333333%;
        padding: 20px 2.8645833333333333333333333333333%;
    }
    
    div.content_left_showcase div#contentwrapper {
        width:93.489583333333333333333333333333%;
        padding: 20px 3.2552083333333333333333333333333%; /* 25px / 768px = 0.03255208333333333333333333333333 */ 
    }
    
    .link_telephone_mobile.desktop,
    .commentSeRendre {display:none;}
    
}

/*--------------------------- IMMEDIATELY SMALLER THAN iPad Portrait ---------------------------*/
@media screen and (max-width:767px)
{
    /* Hide ads on right */
    .rechercheAds1, .rechercheAds2, .rechercheAds3 {display:none !important;}
    /* Hide ads on top */
    div.top_google_ad {display:none;}
    
    .visionneuse_accueil, .IdeeVacanceVisionneuse {display:none;}
    
    #cse-search-results iframe {width: 100% !important;}
    
    #cse-search-results iframe div {background-color:Red;}
    
    .gs-webResult {width: 100% !important;}
    
    #cse-search-results iframe .gs-webResult.gs-result,
    {width: 100% !important;}
    
    
    div.content_left_3.list { width:94.969818913480885311871227364185%; }
    div.content_left_4 {
        width:94.263363754889178617992177314211%;
        padding:0 2.868318122555410691003911342894%;  /* 22px / 767px = 0.02868318122555410691003911342894 */
    }
    div.content_left_4.top {
        width:94.263363754889178617992177314211%;
        padding:20px 2.868318122555410691003911342894% 0 2.868318122555410691003911342894%; 
    }
    div.content_left_showcase,
    div.content_left_5.top { width:100%; }
    
    /* Remove addThis control from pages */
    .add_this_container { display:none; }
    
    /* Accueil */
    
    .accueil_container {margin-top:-9px;padding-top:30px;}
    
    .accueil_container .categories_section,
    .accueil_container .reportagesArticles.mobile { display:none; }
    
    .accueil_container .forfaits,
    .accueil_container .promotions,
    .accueil_container .sorties {
        float:none;
        padding:0;
        width:100%;
        display:block;
        max-width:300px;
        /*margin:0 auto;*/
    }
    
    .accueil_container .category_block {
        display:block; 
        width:100%;
        float:left;
        margin:-20px 0 30px 0;
    }
    
    /* Experience */

    div.content_left_experience {width:100%;}
    
    /* Nav */
    div.page_nav_block {display:none;} /* HIDE OTHER BLOCKS IN VERSION 1 */
    div.page_nav {
        width:93.872229465449804432855280312908%;
        padding:20px 3.1290743155149934810951760104302% 22px 2.9986962190352020860495436766623%;
        margin-left:0px;
    }
    div.colonne_gauche { width:100%; }
    div.colonne_centre {
        width:94.915254237288135593220338983051%; 
        padding:0 1.825293350717079530638852672751% 0 3.2594524119947848761408083441982%;
    }
    div.listing_share {display:none;}
    div.featured_listing_row {
        width: 55%; 
    }
    
    .dotsCentered25 { margin-left:0px; max-width:none; }
    
    /* Regions Touristiques */
    
    table.regions_touristiques_table td.list {padding: 20px 3.2594524119947848761408083441982% 0 3.2594524119947848761408083441982%;}
    table.regions_touristiques_table div.list-container { padding:0; }
    div.regions_touristiques_reportages_container,
    div.regions_touristiques_suggestions_container { padding:25px 1.825293350717079530638852672751% 30px 3.2594524119947848761408083441982%;width:auto; }
    div.regions_touristiques_reportages_container {padding-bottom:0;}
    div.regions_touristiques_header { width:auto;padding:25px 1.825293350717079530638852672751% 0 3.2594524119947848761408083441982%; }
    div.deplacer_au_quebec_category_block div {padding:7px 0;}
    
    div.magazine_block {
        width:92.177314211212516297262059973924% !important;
        padding-left:3.911342894393741851368970013038% !important; /* 30px / 767px = 0.03911342894393741851368970013038 */
        padding-right:3.911342894393741851368970013038% !important;
    }
    
    /* Ficher */
    
    div.forfait_ficher ul.twoColumns li {
        width:100%;
        padding:0;
        margin:0 auto;
        float:none;
    }
    div.ficher_photo_container div.ficher_photo_thumbnails { display:none; }
    div.ficher_photo_container div.main_img,
    div.ficher_photo_container div.controls {
        max-width: 488px;
        width:100%;
        margin:0 auto; 
        float:none;
    }
    div.ficher_photo_container div.main_img img { height:auto; }
    
    div.nav_showcase_container,
    div.content_left_showcase div.nav_showcase_container.mobile div.nav_client_top,
    div.content_left_showcase div.nav_showcase_container div.nav_client { display:none; }
    
    div.content_left_showcase div.nav_showcase_container,
    div.content_left_showcase div.nav_showcase_container.mobile div.nav_client { display: block; }
    
    ul#navclient li.navclientActive a,
    ul#navclient li.navclientActive a:active
    {
        background-color:#eab13b !important;
    }
    
    div.content_left_showcase div.nav_showcase_container.mobile,
    div.content_left_showcase div.nav_showcase_container.mobileTop,
    div.content_left_showcase div.nav_showcase_container.full div.nav_client {
        display:block;
        padding-left:3.2594524119947848761408083441982%;
        padding-right:3.2594524119947848761408083441982%;
        width:93.481095176010430247718383311604%;
    }
    
    div.content_left_showcase div.nav_showcase_container div.nav_client_top,
    div.content_left_showcase div.nav_showcase_container div.nav_client_top h1.titreH1 
    {
        padding:20px 3.2552083333333333333333333333333% 0 3.2552083333333333333333333333333%;
    }
    
    div.content_left_showcase div.nav_showcase_container.mobileTop div.nav_client {display:block;}
    
    div.content_left_showcase div.share {display:none;}

    #divRecherche .left_ddls .ligne {height:auto;}
    
    .date_au_block {
        display:block;
        width: 115px;
        margin: 5px 0 5px 67px;
    }
    
    div.client_block:nth-child(1n + 5),
    div.liste_contenu_item:nth-child(1n + 5) {display:none;}

    div.reportage-header-table > div.reportage-header-row > div.reportage-header-cell div.social { display:none; }
}

@media screen and (max-width:750px)
{
    div.ficher_reserver_table div.row_2 {
        max-width:none;
        margin-top:20px;
    }
    div.ficher_reserver_table div.row_1 {
        max-width:none;
    }
}

@media screen and (max-width:730px)
{
    /* Recherche Avancee */
    
    #navbar_pnlGlobalIframe,
    .modalBackground,
    .RechercheAvancee {display:none;}
    
    /* Toggle menu */
    ul#navbuttons { display:none; }
    div.navMobile { display:block; }
    #navwrapper { height:169px; }
    
    #nav_top_left_links {
	    width:160px;
	    float:left;
	    padding:0px;
	    font-weight:bold;
    }
    #navfunctions {
	    width:234px;
	    float:left;
	    display:block;
    }
    #navtoprow { height:112px; }
    #navtoprow #navlogo {
        width:100%;
        max-width:none;
    }
    #nav_top_left_links #vsplitter,
    #nav_top_left_links a.topfunctions.inscription,
    #nav_top_left_links a.topfunctions.login,
    #navfunctions div#recherchewrapper,
    #navfunctions div#recherchebouton,
    #navfunctions a#reservation { display:none; }
    #nav_top_left_links .topfunctions { font-size:14px; }
    
    #nav_top_left_links div.reservationMobile { display:inline-block;font-size:14px; }
    
    /* Footer */
    div.footer_cell,
    div.footer_cell_header.cell_4 { display:none;float:none; }
    
    div.footer_table {
        padding:15px 0px 0px 0px;
    }
    
    div.footer_row  {
        float:left;
        margin-top:15px;
    }
    div.footer_cell_header {
        width:33.33333% !important;
        padding:10px 0 10px 0;
        display:inline-block;
        text-align:center;
        float:left;
    }
    div.footer_cell_header span {
        padding:10px;
        background-color:#0087ca;
        color:#fff;
        font-size:14px;
        font-weight:bold;
    }
    div.footer_cell_header span:hover {
        /*border-color:#f6d84d;*/
        cursor:pointer;
    }
    div.footer_cell.cell_1,
    div.footer_cell_header.cell_1 {
        width:26.180257510729613733905579399142%; /* 244 / 932 = 0.26180257510729613733905579399142 */
        padding-left:0;
    }
    
    div.client_coor div.left { width: 100%; }
    div.client_coor div.right { float: left; }
    div.client_coor div.right div.share { display:none; }
    
   
}

@media screen and (max-width:600px)
{
    div.footer_logo_line_cell.cell_2 { display:none; }
    
    /* List pager */
    div.listStandAlonePagingWrapper {width:100%;}
    div.listStandAlonePagingWrapper .PagerHeaderSuiv {
        margin:5px 0;
        padding:5px;
        
        border-radius:3px;
    }
    div.listStandAlonePagingWrapper .PagerHeaderSuiv div { padding:0 !important; }
    div.listStandAlonePagingWrapper .PagerHeaderPrec {
        float:left !important;
        margin:5px 0;
        padding:5px;
        
        border-radius:3px;
    }
    
    /* Listings */
    div.listing_top_pager {
        float:left;
        width:100%;
        padding:10px 0px;
    }
    
    div.listing_top_pager div.PagerHeaderPrec {
        float:left;
    }
    
    div.idees_sorties_col_1 { width:100%; }
    
    div.idees_sorties_col_2 { display:none; }
    
}
@media screen and (max-width:550px)
{
    table.listStandAloneDescriptionTable1 { width:56.9%; }
    .clientliststandalone_right_description { width:55.9%; }

    table.magazine_table tr td { float:left; }
    div.magazine_block div.right_description { width:215px; }
    div.magazine_block div.right_description div.text { width:auto; }
    div.magazine_block div.right_description div.description { width:215px; }
    
    div.magazine_block.three-col table tr td { width:100% !important;display:block; }
    
    /* Ficher */
    

    div.content_left_ficher div.nav_client_sommaire_container { display:none; }
    div.content_left_ficher div.nav_client_sommaire_container.mobile { display:block; }
    div.content_left_ficher div.nav_client_sommaire_container.mobile div.nav_client {padding:0px;}
    
    div.content_left_ficher div.produit_photo {float:none;margin:0 auto;padding: 22px;}
    /*div.nav_client {padding:0;}*/
    
    div.client_coor_table div.client_coor_row { width:100%; }
    
    div.client_coor_table div.client_coor_item.left { width:100px; }
    
    table.activite_table tr td {
        display:block;
        width:100% !important;
    }
    
    div.content_left_ficher div.nav_client_sommaire_container.mobile  {
        padding:0px 4%; /* 22px / 550px = 0.04 */
        width:92%;
    }
}
/*--------------------------- iPhone Landscape ---------------------------*/
@media screen and (max-width:480px)
{
    #navtoprow {
        background-size:200%;
        background-position:left top;
    }
    .DrillDown_table tr td { width:100% !important;display:block; }
    
    /* Listing Pager */
    div.table_pager div.prev_group_pager, 
    div.table_pager div.next_group_pager { vertical-align:top;margin-top:15px; }
    div.table_pager div.numeric_pager { min-width:0px;width:180px; }
    div.table_pager div.numeric_pager .numeric_pager_button { padding:6px 0; }
    
    div.listings_top_controls .modelistoucarte,
    div.listings_top_controls .sorting {
        width:100%;
        margin-bottom:10px;
        float:left;
    }
    
    .clientliststandalone_right_description .listing_description_filter {
        display:block;    
    }
    
    .produitliststandalone_right_description { padding-bottom:0px; }
    
    .produitliststandalone_right_description .left_description { width:100%; }
    .produitliststandalone_right_description .right_controls {
        width:100%;
        margin-top:10px;
    }
    .produitliststandalone_right_description .right_controls .price {
        float:left;
    }
    .produitliststandalone_right_description .listing_featured {float:left;}
    
    .suggestion_photo {display:none;}
    
    div.content_left_ficher div.filarianne { display:none; }
    
    /*div.content_left_showcase table.article_photo { margin-bottom:10px; }*/
    
    /*div.content_left_showcase table.article_photo,
    div.content_left_showcase table.article_photo_2,
    div.content_left_showcase table.article_photo tr td { width:100%;margin-right:0; }*/
    
    div.content_left_showcase table.article_photo,
    div.content_left_showcase table.article_photo_2 { width:46.875%; }
    
    div.content_left_showcase table.article_photo_2 img { height:auto;width:100%; }
    
    div.content_left_showcase table.article_photo img { /*margin:0 auto;*/height:auto;display:block;width:100%; }
    
    .calendargros {display:none;}
    
    div.rightcolumnwrapper {
        width: 100%;
    }
    
    .clientlistreservation_right_description {
        width:-webkit-calc(100% - 170px);
        width:calc(100% - 170px);    
    }
    
    .clientlistreservation_price.desktop { display:none; }
    .clientlistreservation_price.mobile { display:block;float:none;margin:0 auto; }
    
    div.listing_featured_client { margin:20px 0 0 0; }
    
    td.listing_featured_client { display:block; }


    /* Important: When the articles managed by the client contains images within tables, 
                  this ensures that those images will become responsive */
    .reportagePhotoG,
    .reportagePhotoD { margin:6px 0px 0px 0px; }
    .reportagePhotoG img,
    .reportagePhotoD img { max-width:279px !important; height:auto !important; }

}

@media screen and (max-width:450px)
{
    .clientliststandalone_right_description { width:33.5%; }
    
    .categorie_menu {float:left;padding-bottom:5px;}
    
    div.deplacer_au_quebec_category_block {
        width:190px;
        margin:0 auto;
        float:none;
        display:block;
        padding:20px 0;
        text-align:center;
    }
    div.deplacer_au_quebec_category_block div {float:none !important;margin:0 auto;padding:7px 0;}
    
    /* SHOWCASE */
    
    div.showcase_municipalite_ddl {width:100%;float:left;display:block;}
    table.showcase_table_list tr td { display:block;width:100% !important; }
    div.content_left_showcase .height_25 { display:none; }
    
    /* REGIONS */
    
    .lien_region,
    .lien_region .arrow,
    .lien_region .dotsCentered {display:none;}
    
    .lien_region.mobile {
        display:block;
        margin-top:15px;
        width:100%; 
    }
    
    .lien_region.mobile a {
        display:block;
        font-family: myriad-pro, sans-serif;
        color: #fff;
        font-size: 28px;
        font-weight:bold;
        text-decoration: none;
        padding: 3px 0px 0px 10px;
        background-color: #f6d84d;
        height: 39px;
    }
    
}
@media screen and (max-width:435px)
{
    .reservation_table .reservation_inner_table #row_1 td#left,
    .reservation_table .reservation_inner_table #row_1 td#right {
        display:block;
        padding:0 !important;
    }
}
@media screen and (max-width:410px)
{
    table.listStandAloneDescriptionTable1 { width:43%; }
    
    .produitliststandalone_right_description .right_controls { width:98px;float:left; }
    
    table.magazine_table div.photo { float:none;margin:0 auto; }
    table.magazine_table div.text_left { width:100%; }
    table.magazine_table div.text_right { width:100%; }
    
    div.magazine_block div.photo { float:none;margin:0 auto; }
    div.magazine_block div.right_description,
    div.magazine_block div.right_description div.text,
    div.magazine_block div.right_description div.description { width:100%; }
    
    div.ficher_reserver_table div.row_1 div.block.one { display:block;margin-bottom:20px; }
    div.ficher_reserver_table div.row_1,
    div.ficher_reserver_table div.row_3,
    div.ficher_reserver_table div.row_2 table {margin-left:-12px;float:left;}
    div.ficher_reserver_table div.row_2 table b {font-size:10px;}
    
    div.content_left_ficher div.ficher_dispo_details div.image {
        margin:0 auto; 
        float:none;
        width:150px;
    }
    div.content_left_ficher div.ficher_dispo_details div.description {
        padding:0;
        width:100%;
    }
    .reservation_table .rating_classification {height:75px;}
}

@media screen and (max-width:390px)
{
    /* Experience */
    table.experience_listings_table { max-width:none; }
    table.experience_listings_table div.description { max-width: 153px; }
    /* Reportages */
    table.reportage_listings_table { max-width:none; }
    table.reportage_listings_table div.description { max-width: 152px; }
}

@media screen and (max-width:350px)
{
    div.content_left_showcase table.article_photo img { width:100%;height:auto; }
    
    .reservation_table .region_ville {
        width:44%; /* 154px / 350px = 0.44 */
        padding-right:2.8571428571428571428571428571429%;
    }
    .reservation_table .top { width:280px; }
    
    .reservation_table .personnes_par_chambre tr#row_1 b {font-size:9px;}
}

/*--------------------------- iPhone Portrait ---------------------------*/
@media screen and (max-width:320px)
{
    #navwrapper { height:127px; }
    #navtoprow #navlogo { height:48px; }
    #navtoprow {
	    min-height:70px;
	    height:70px;
    }
    #navfunctions {
	    margin:0px;
	    width:274px;
    }
    #nav_top_left_links { width:200px; }
    .navMobile ul { width:100%; }
    
    /* Footer */
    div.footer_table { display:none; }
    div.footerWrapper { height:130px; }
    div.mobile_footer_320 { display:block; }

    table.listStandAloneDescriptionTable1,
    div.listStandAloneDescription1 {
        width:135px;
    }
    div.listing_voir_plus {
        display:block;
        float:left;
        width:100%;
    }
    
    /* Listing */
    .clientliststandalone_right_description { width:52.9%; }
    
    div.listStandAloneImage1,
    div.listing_photo {
	    background-size:contain;
	    width:90px;
	    margin-top:10px;
    }

    
    div.listing_photo img {
        height:70px;
        width:90px;
    }
    
    div.listing_photo_2 {
	    background-size:contain;
	    width:90px;
	    margin-top:10px;
    }
    
    div.listStandAloneImage1 img,
    div.listing_photo_2 img {
        height:70px;
        width:80px;
    }
    
    div.listing_photo_3 {
        background-size:contain;
	    width:100px;
	    margin-top:10px;
    }
    
    div.listing_photo_3 img {
	    width:85px; 
        height:60px;
    }
    
    table.showcase_table td.image { width:130px;margin-top:0; }
    table.showcase_table td.description { width:calc(100% - 130px);width:-webkit-calc(100% - 130px);padding:0; }
    
    .produitliststandalone_right_description {
        width:calc(100% - 125px);
        width:-webkit-calc(100% - 125px);
        padding-left:0px;
        padding-right:0px;
    }
    
    div.forfait_ficher {margin-left:0;}
    
    
    /* Rechercher Reservation */ 
    
    .rechercher_reservation {
        width:100%;
        float:left;
    }
    .headerreservation {
        background-color:#F6D84D;
        margin: 0 auto;
    }
    .headerreservation_bkg {
       background-color:#F6D84D;
       width:100%; 
    }
    .reservation_date {
        width:122px;
    }
    .ddl_choisi_region {
        width:100%;
    }
    .ddl_reservation_nuits {
        width:115px;
    }
    div.rightcolumnwrapper {
        width:100%;
    }
    
    .clientlistreservation_right_description {
        width:-webkit-calc(100% - 120px);
        width:calc(100% - 120px);    
    }
    
    .clientlistreservation_left {max-width:120px;}
}


