/* Personnalisation des styles par BL Solutions */
/* http://bl.solutions */
/* 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){
    div.tm-headerbar a.uk-navbar-brand.uk-hidden-small img {
        max-width: 90%;
    }
}

/* -------------------------------------------------------------
    iPad (portrait)
------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
    section.tm-bottom-c.uk-grid div.uk-width-1-4,
    section.tm-bottom-c.uk-grid div.uk-width-1-1.uk-width-medium-1-4 {
        width: 50%;
    }
    /* Logo et navigation */
    div.tm-headerbar a.uk-navbar-brand.uk-hidden-small {
        width: 192px;
    }
    div.tm-headerbar a.uk-navbar-brand.uk-hidden-small img {
        max-width: 95%;
        margin-top: -32px;
    }
    .uk-navbar-nav > li > a {
        font-size: 15px;
        padding: 0 8px;
    }
}

/* -------------------------------------------------------------
    iPhone (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 767px){
    section.tm-bottom-c.uk-grid div.uk-width-1-4,
    section.tm-bottom-c.uk-grid div.uk-width-1-1.uk-width-medium-1-4 {
        width: 100%;
    }
}

/* -------------------------------------------------------------
    iPhone (portrait)
------------------------------------------------------------- */
@media only screen and (max-width: 480px){
    section.tm-bottom-c.uk-grid div.uk-width-1-4,
    section.tm-bottom-c.uk-grid div.uk-width-1-1.uk-width-medium-1-4 {
        width: 100%;
    }
}