/* Mobile Layout: 320px. */

@media only screen and (max-width: 480px) {
    .window, .windo.contact, #contactwindowcontent, .windowContent {
        max-width: 100%;
    }
    
    .window div.input{
        float: none;
        margin: 0 5px;
    }
    
}
@media only screen and (max-width: 767px) {
    body {
        width: 100%;
    }
    #wrapper {
        width: 100%; 
    }
    #logo-md {display: none}
    #logo, #logo nav{
        margin-left: 0;
        padding-left: 0;
    }
    #baseline {
        padding-top: 0;
        margin-left: 0;
        max-width: 100%;
    }
    .menu_header {
        display: none;
    }
    .zone, .zone.center, .zone.left, .zone.right {
        float: none;
        height: auto;
        min-height: 425px;
    }
     .zone.left article {
        text-align: justify;
        padding-top: 26px;
    }
    
    article p {
        height: auto;
    }
    
    .zone.center {
        padding-top: 26px;
    }
    .zone .fond, .zone .filet{
        top: 0;
    }
    .zone nav {
        display: none;
    }
    
    .carousel_wrapper {
        top: 20px;
    }
    .separateur.right {float: none;}
}

@media only screen and (min-width: 1024px) {
    #nav-sm {
        display: none;
    }
}