@media screen and (max-width:945px){
    .tribunes .tribune img, .tribunes .tribune .contenu{
        display:block;
        margin:0 auto;
        width:auto;
        max-width: 100%;
    }
    .tribunes .tribune .contenu{
        width:450px;
    }
    #engagement li{
        width: 50%;
    }
}


@media screen and (max-width:760px){
    footer nav a + a::before{
        content: none;
        padding:0;
    }
    footer nav a{
        display: block;
    }

}


@media screen and (max-width:690px){
    .formulaire form{
        margin-top:0;
    }
    .prestas{
        padding-bottom: 0;
    }
    .prestas article {
        width: 100%;
        margin:0;
        padding-bottom: 90px;
    }
    .prestas article img{
        width:100%;  
    }
    .voirtous{
        width: 80%;
    }
    .clients h1, .titreprestas, .tribunes h1, .titrebloc, .home_tribune h2, .home_clients h2{
        font-size:22px;
        line-height: 23px;
    }   
    .introapropos .col1, .introapropos .col2{
        width: 100%;
        padding:0 0 20px 0;
    }    
    .introapropos .col1 img{
        margin-top:0px;
        max-width: 300px;
    } 

    #site-content h1{
        font-size: 45px;
        line-height: 47px;
    }
    
    #engagement li{
        width: 100%;
    }
}
@media screen and (max-width:582px){
    .page_presta .col1, .page_presta .col2{
        width: 100% !important;
        padding:20px 20px 0 20px !important;
        box-sizing: border-box;
    }
    .page_presta .shape{
        max-width: 200px;
        margin: auto;
    }
}


@media screen and (max-width:540px){
    .clients .client {
        width: 100%;
    }
}