/* Personnalisation des styles par BLSOL inc. */
/* http://www.blsol.com */
/* Ajustements pour site Web adaptatif */

/* -------------------------------------------------------------
    Ordinateur (écran large)
------------------------------------------------------------- */
@media only screen and (min-width: 1200px){

}

/* -------------------------------------------------------------
    iPad (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1199px){
    /* Logo */
    #rt-logo {
        background: url("/images/logo_ipad.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important;
        height: 85px !important;
        width: 312px !important;
    }
    /* Menu */
    .menutop li.root > .item > span {
        padding: 24px 8px 32px;
        font-size: 13px;
    }
    ul.menutop li.item102 span.daddyicon,
    ul.menutop li.item206 span.daddyicon {
        left: 34px !important;
        top: 68px !important;
    }
    ul.menutop li.item108 span.daddyicon,
    ul.menutop li.item211 span.daddyicon {
        left: 34px !important;
        top: 68px !important;
    }
    ul.menutop li.item122 span.daddyicon,
    ul.menutop li.item218 span.daddyicon {
        left: 24px !important;
        top: 68px !important;
    }
    ul.menutop li.item123 span.daddyicon,
    ul.menutop li.item221 span.daddyicon {
        left: 24px !important;
        top: 68px !important;
    }
    /* Slogan */
    #rt-feature div.customrt-center span.promo1.ribbon span {
        font-size: 32px;
    }
    /* Slider */
    #rt-showcase div.sprocket-features-container h2.sprocket-features-title a {
        font-size: 45px;
        line-height: 42px !important;
    }
    /* Titres */
    h1, h2, h2.title, .title {
        font-size: 2em;
    }
    /* Images */
    #rt-main section.blog-featured .items-leading article div.rt-demo-block div.rt-demo-spacer p strong img {
        width: 45%;
    }
    #rt-mainbottom div.customtitle5 p img {
        width: 85%;
    }
    /* Bouton */
    #rt-mainbottom div.customtitle5 p a.readon.resp {
        margin: 10px 0 0 20px !important;
    }
    /* Liste à puces */
    .rabais {
        margin-left: 20px;
    }
    /* Google Map */
    div.div_map iframe {
        width: 100%;
    }
}

/* -------------------------------------------------------------
    iPad (portrait)
------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
    /* Logo */
    #rt-logo {
        background: url("/images/logo_iphone.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important;
        height: 51px !important;
        width: 187px !important;
    }
    /* Menu */
    .menutop li.root > .item > span {
        padding: 24px 5px 32px;
        font-size: 15px;
    }
    ul.menutop li.item102 span.daddyicon,
    ul.menutop li.item206 span.daddyicon {
        left: 30px !important;
        top: 50px !important;
    }
    ul.menutop li.item108 span.daddyicon,
    ul.menutop li.item211 span.daddyicon {
        left: 34px !important;
        top: 50px !important;
    }
    ul.menutop li.item122 span.daddyicon,
    ul.menutop li.item218 span.daddyicon {
        left: 20px !important;
        top: 50px !important;
    }
    ul.menutop li.item123 span.daddyicon,
    ul.menutop li.item221 span.daddyicon {
        left: 28px !important;
        top: 50px !important;
    }
    ul.menutop li.item108 a.bullet span,
    ul.menutop li.item123 a.bullet span,
    ul.menutop li.item203 a.bullet span,
    ul.menutop li.item211 a.bullet span,
    ul.menutop li.item221 a.bullet span,
    ul.menutop li.item224 a.bullet span {
        padding-top: 16px;
    }
    /* Slogan */
    #rt-feature div.customrt-center span.promo1.ribbon span {
        font-size: 24px;
    }
    /* Slider */
    #rt-showcase div.sprocket-features-container h2.sprocket-features-title a {
        font-size: 32px;
        line-height: 30px !important;
    }
    /* Titres */
    h1, h2, h2.title, .title {
        font-size: 2em;
    }
    /* Images */
    #rt-main section.blog-featured .items-leading article div.rt-demo-block div.rt-demo-spacer p strong img {
        width: 45%;
    }
    #rt-mainbottom div.customtitle5 p img {
        width: 85%;
    }
    /* Bouton */
    #rt-mainbottom div.customtitle5 p a.readon.resp {
        margin: 10px 0 0 20px !important;
    }
    /* Liste à puces */
    .rabais {
        margin-left: 20px;
    }
    /* Google Map */
    div.div_map iframe {
        width: 100%;
    }
}

/* -------------------------------------------------------------
    iPhone (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 767px){
    /* Logo */
    #rt-logo {
        background: url("/images/logo_ipad.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important;
        height: 85px !important;
        width: 312px !important;
    }
    /* Slogan */
    #rt-feature div.customrt-center span.promo1.ribbon span {
        font-size: 26px;
    }
    /* Slider */
    #rt-showcase div.sprocket-features-container h2.sprocket-features-title a {
        font-size: 32px;
        line-height: 30px !important;
    }
    /* Titres */
    h1, h2, h2.title, .title {
        font-size: 2em;
    }
    /* Images */
    #rt-main section.blog-featured .items-leading article div.rt-demo-block div.rt-demo-spacer p strong img {
        width: 45%;
    }
    #rt-mainbottom div.customtitle5 p img {
        width: 85%;
    }
    /* Bouton */
    #rt-mainbottom div.customtitle5 p a.readon.resp {
        margin: 10px 0 0 20px !important;
    }
    /* Liste à puces */
    .rabais {
        margin-left: 20px;
    }
    /* Google Map */
    div.div_map iframe {
        width: 100%;
    }
    /* Photos des maisons à vendre */
    .photo-maison-a-vendre {
        width: 100%;
        float: left;
        margin-bottom: 12px;
    }
    .photo-maison-a-vendre img {
        border: 1px solid #000000;
        padding: 4px;
        display: block;
        width: 100%;
    }
    .photo-maison-a-vendre img.last {
        float: inherit;
    }
}

/* -------------------------------------------------------------
    iPhone (portrait)
------------------------------------------------------------- */
@media only screen and (max-width: 480px){
    /* Logo */
    #rt-logo {
        background: url("/images/logo_iphone.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important;
        height: 51px !important;
        width: 187px !important;
    }
    /* Slogan */
    #rt-feature div.customrt-center span.promo1.ribbon span {
        font-size: 26px;
    }
    /* Slider */
    #rt-showcase div.sprocket-features-container h2.sprocket-features-title a {
        font-size: 32px;
        line-height: 30px !important;
    }
    /* Titres */
    h1, h2, h2.title, .title {
        font-size: 2em;
    }
    /* Images */
    #rt-main section.blog-featured .items-leading article div.rt-demo-block div.rt-demo-spacer p strong img {
        width: 45%;
    }
    #rt-mainbottom div.customtitle5 p img {
        width: 85%;
    }
    /* Bouton */
    #rt-mainbottom div.customtitle5 p a.readon.resp {
        margin: 10px 0 0 20px !important;
    }
    /* Liste à puces */
    .rabais {
        margin-left: 20px;
    }
    /* Google Map */
    div.div_map iframe {
        width: 100%;
    }
    /* Photos des maisons à vendre */
    .photo-maison-a-vendre {
        width: 100%;
        float: left;
        margin-bottom: 12px;
    }
    .photo-maison-a-vendre img {
        border: 1px solid #000000;
        padding: 3px;
        display: block;
        width: 100%;
    }
    .photo-maison-a-vendre img.last {
        float: inherit;
    }
}