@media screen and (min-width: 581px) and (max-width: 960px) {

    #nous-contacter {
        display: none
    }


    #background_cycler {
        height: 350px;
    } 

    #background_cycler div {
        height: 350px;
    }

    .shadow-left:before, .shadow-right:after{
        display:none;
    }

    .ombre {
        border-radius: 1px; /* Corrige BUG ombre sur landscape iphone et ipad */
    }      

    /* WIDGET TOOLBAR */


    #widget-toolbar article {
        width: 100%;
    }

    #header-right-container{
        width: 50px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    #header-right-container .header-right-icon#header-accessaccount {    
        width: 250px;
    }

    w {
        display: inline-block
    }


    /* CONTAINER */

    #container{
        padding-top: 350px;
        width: 100%;
    }

    /* HEADER */

    header, header img{
        height: 110px;
        margin-bottom: 15px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)";/*IE 8*/
        -moz-box-shadow: 0 3px 15px -1px rgba(0,0,0,0.4);/*FF 3.5+*/
        -webkit-box-shadow: 0 3px 15px -1px rgba(0,0,0,0.4);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 0 3px 15px -1px rgba(0,0,0,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); /*IE 5.5-7*/
    }

    header img {
        width:110px;
    }

    h1, #civ_et_name {
        line-height: 92%;
        padding-left: 120px;
    }

    header h1{    
        font-size: 34px;
/*        line-height: 50px;*/
    }

    #p_cl_civ, #p_cl_name, #message_bienvenue {
        font-size: 1.5em;
        line-height: 50px;
    }

    /* ACCROCHE */

    #accroche{
        position:absolute;
        top:220px;
        padding-right: 5px;
    }

    #accroche_txt{
        font-size: 1.8em;
        width:60%;
    }

    /* SECTIONS */

    .heading {
        line-height: 20px;
    }

    h2{
        margin-left: 15px;
        font-size: 20px;
        line-height: 20px;
    }

    section{
        width: 99%;
        height: auto;
    }

    section .contenu {
        text-align: center;
        width: 100%;
        padding: 0px 0px 10px 0px;
    }

    section .contenu .icone {
        width: 100px;
        height: 100px;
    }


    section .contenu .icone a {
        width: 100px;
        height: 100px;
        padding-top: 5px;
    }

    section .contenu #slide img {
        width: 570px;
        padding-top: 15px;
    }

    section .contenu #slide #texte-intro {
        padding-left: 15px;
        padding-right: 15px;
    }

    h3{
        font-size: 17px;
        line-height: 16px;
    }

    section .contenu .icone a img {
        height: 30px;
        position: absolute;
        bottom: 10px;
        right: 25px;
    }

    /* ASIDE */

    aside {
        width: 48%;
        float: left;
        display: inline-block;
        overflow: hidden;
        margin-top: 15px;
        margin-right: 2%;
        margin-bottom: 0px;
    }

    #close{
        top:-50px;
        left:90px;
    }

    aside (n+2){
        margin-right: 0px;  
    }



    .titre_contact{
        font-size: 18px;
    }

    /* SERVICES */

    #services{
        width:99%;
        height: auto;
    }

    .serv_titre{
        width: 100%;
        margin-bottom: 10px;
    }
    .serv_contenu{
        padding-left: 10px;
        width: 90%;
    }

    #services a{
        width:32%;
        margin-bottom: 15px;
    }

    /* SEPARATION */

    #separation{
        display: none;
    }

    /* NOS ENGAGEMENTS */

    #nos_engagements{
        width: 95%;
        margin-left: 15px;
        height: auto;
    }

    #engag_titre{
        font-size: 18px;
    }


    #nos_engagements img{
        width: 50px;
        height: 50px;
    }

    #nos_engagements ul li{  
        width:20%;
    }

    #nos_engagements p{
        width:100%;
        font-size: 9px;
    }

    /* FOOTER */

    footer {
        line-height: 25px;
    } 
    .accro-perso{
        font-size: 1.8em;
        width: 60%;
        text-align: right;

    }

    #accroche{
        width: 95%;
    }
    #form_mail {
        width: 80%;
    }

    .form-group2{
        height: 50px;   
    }
    .form-group3{
        height: 60px;   
    }
    .form-group2 .form-label, .form-group3 .form-label{
        line-height: 100%; 
    }
    #horaires_call{
        width: 50%
    }

}

@media screen and (max-width: 1430px) {
    /*
    .form-group2{
    height: 50px;   
}
    .form-group3{
    height: 60px;   
}
    */
    .form-group2 .form-label, .form-group3 .form-label{
        line-height: 100%; 
    }

}
@media screen and (min-width:961px) and (max-width: 1430px) {

    #horaires_call{
        width: 40%
    }
}