@media screen and (max-width:840px){
    .home_banniere{
        height:auto;
    } 
    .home_banniere .contenu,.home_banniere video{
        position:static;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
    }
    .home_banniere .contenu{
        margin-top:30px;
    }
    .home_banniere .contenu h1{
        color:#000;
        font-size:30px;
        line-height: 30px;
    }    
    .home_banniere .contenu a{
        color:#000;
        border:1px solid #000;
        font-size: 12px;
        padding:0;
        height:58px;
        line-height: 58px;
        width:250px;
    }
    .home_banniere .contenu a:hover{
        color:#FFF;
        border:1px solid #000;
        background: #000;
    }
}
@media screen and (max-width: 815px) {
    header nav a:hover, header nav a.active, header nav.site_header_mini a:hover, header nav.site_header_mini a.active{ 
        background: none;
    }
    .header__icon{
        display:block;
        position: absolute;
        width:60px;
        height:60px;
        left:0;
        top:0;
        cursor: pointer;
        background: url('../img/menu_hamburger.png') no-repeat center;
    }
    .mobile__logo{
        display:block;
        position: absolute;
        width: 135px;
        height:23px;
        left: calc(50% - 68px);
        top:18px;
        cursor: pointer;
        background: url('../img/beseen-agence-de-communication-lille.png') no-repeat center;
        background-size: 135px 23px;
    }
    .with--sidebar #site-content{
        padding-top: 185px;
    }
    header{
        height:60px;
    }
    header nav .logo-beseen{
        display:none !important;
    }
    header nav{
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        height: 150px;
        right: 815px;
        margin: 0;
        overflow: hidden;
        padding: 10px 0 25px 0;
        position: absolute;
        top: 55px;
        width: 100%;        
    }
    header nav.site_header_mini{
        height:150px;
    }
    .with--sidebar nav {
        right:0;
        transition-duration: 0.3s;
    }
    .with--sidebar .header__icon{
        background: url('../img/menu_close.png') no-repeat center;
    }
    header nav a, header nav.site_header_mini a{
        display: block;
        padding:0 !important; 
        width: 100%;
        line-height: 30px;
    }    
    header nav .reseau, header nav.site_header_mini .reseau{
        position: static;
        width:100%;
        line-height: 20px;
        height:20px;
    }
    header nav .reseau a{        
        display:inline;
        padding:0 6px !important;
    }
    nav.nav_tribune, nav.nav_client{
        margin-top:30px;
    }
    .tribunes .tribune, .clients .client{
        width:50%;
    }
    .home_tribune{
        padding-bottom: 0;
    }
    .home_tribune .contenu{
        position:static;
        height:auto;
        width:100%;
        padding:20px 0;
        margin: 20px auto;        
        background: #FFF url('../img/trait_petit.png') no-repeat 0 10px;
    }
    .home_tribune .contenu .lien{
        background: blue;
    }
    .home_tribune .contenu .lien a{
        position:static;
        float: right;
    }
}


@media screen and (max-width: 720px) {
    footer nav a{
        display:block;
        padding:0 !important;
    }
    .tribune_retour{
        display: none;
    }
    footer nav span{
        display: none !important;
    }
    .agence article div,  .agence article.equipe div{
        width:100% !important;
        margin:10px auto !important;
    }
    .clientsslider .bx-wrapper .bx-controls-direction a{
        display:none;
    }
}



@media screen and (max-width: 690px) {
    .premclients{ 
        height:auto;
        margin:30px auto;
    }
    .premclients a{
        display:block;
        width:100%;
        height:410px;
    }
    .premclients a + a{
        margin-left:0;
    }
    .premclients .fond{
        display:none;
    }
    .premclients .contenu, .premclients .site, .premclients .image, .premclients .eclair, .made article div{
        display:block;
        width:100%;
        margin:auto;
    }
    footer address, footer #newsletter{
        display:block;
        width:90%;
        margin:auto;
    }
    .client .site a:first-of-type{
        font-size:10px;
        padding:5px;
        min-width:270px;
    }
    .agence h1{
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .flag_made h2{
        font-size: 25px;
        line-height: 30px;
    }
    .flag_made h3{
        font-size: 20px;
        line-height: 20px;
    }
    .agence h2{
        font-size:20px;
    }
    .formulaire_made .livre_made{
        display:block;
        margin:0 auto 30px auto;
    }
    .formulaire_made form{
        display:block;
        margin:auto !important;
    }
    .made article{
        margin-top:40px;
    }
}


@media screen and (max-width: 525px) {    
    .flag_made a{
        font-size: 10px;
        padding:10px;
    }
    .formulaire form{
        width:100%;
    }
    .formulaire_contact form{
        margin-left: 0;
        margin-right: 0;
    }
    .client .description .presta{
        display:none;
    }
    .client h1{
        margin-bottom: 50px;
    }    
    .home_banniere .contenu h1{
        color:#000;
        font-size:20px;
        line-height: 20px;
    }  
}

@media screen and (max-width: 470px) {
    .tribunes .tribune, .clients .client{
        width:100%;
    }
    .formulaire .submit{
        position:static;
        width:100%;
        margin-top:20px;
        text-align: center;
    }
    .contenu_legal article{
        width:100%;
        line-height:20px;
    }
}

@media screen and (max-width:450px){
    .client .video, .client .video iframe{
        height:200px !important;
    }
}

@media screen and (max-width:395px){
    .made h1{
        font-size:70px;
        line-height: 70px;
        padding-top:80px;
    }
    .made h2{
        padding-top:0;
    }
}