/******************************/
             /* Responsive max-width: 719px*/
            /******************************/

@media screen and (max-width:719px){
     
    /********** Header ************/
    body{
        padding-top:30px;
    }
     
    .logo{
        margin-bottom:0;
        text-align: center;
    }
    
    header .wrap_center{
        flex-direction: column;
    }
    
    #menu ul{
        justify-content: center;
    }
    
    header a, header a:visited{
        height:50px;
        line-height: 50px;
    }
    
    #menu li{
        font-size:1em;
        padding:0 5px;
    }
    
    /********** Accueil ************/

    #accueil{
        display: none;
    }
    
    /********** Services ************/
    
    #article_services{
        margin:0;
        flex-direction: column;
        padding: 10px;
        
    }
    
    .image_services{
        margin:0 auto;
    }
    
    .ligne_services{
        flex-direction: column;
    }
    .rounded{
        display: none;
    }
    
    /********** Projets ************/
    .menu_projets li{
        font-size: 1em;
        padding: 10px;
    }
    
    #portfolio{
        margin: 0;
        justify-content: center;
    }
    .image_portfolio{
        width: 80%; 
        margin:0 auto;
        margin-bottom: 5px;
    }
    .item_portfolio{
        opacity: 1;
        bottom: -5px;
        transition: none;
        padding: 0;
        background: rgba(0,0,0,0.4);
        margin-bottom: 10px;
    }
    
    .image_portfolio:hover .item_portfolio{
    bottom: -5px;
    }
    
    .item_portfolio h3{
        bottom: 0;
        font-size: 1em;
        text-align:center;
    }
    .item_portfolio i{
        display: none;
    }
    .item_portfolio p{
        display: none;
    }
    
    /********** Contact ************/
    #fond_map, #map{
        display: none;
    }
    
    #formulaire{
        width: 100%;
        left: 5%;
    }
    
}

              /******************************/
             /* Responsive max-width: 959px*/
            /******************************/

@media screen and (max-width:959px){
        /********** Accueil ************/
    #slideshow{
        padding-top: 150px;
    }
    #slide figcaption{
        margin-top: 20px;
    }
    #slide figcaption h1{
        font-size: 1.2em;
    }
    #slide figcaption p{
        font-size: 0.7em;
    }
    #button_left, #button_right{
        padding-top: 7%;
    }
    /********** Services ************/
    #article_services{
            flex-direction: column;
    }
    /********** Projets ************/
    .image_portfolio{
        width: 45%;  
        margin-bottom: 5px;
    }
    
}
              /******************************/
             /* Responsive min-width: 960px*/
            /******************************/


@media screen and (min-width:960px){
    
    /********** Accueil ************/
    #slide figcaption h1{
    }
    #slide figcaption p{
        font-size: 0.8em;
        margin-top: -20px;
    }
    
    /********** Services ************/
    #article_services{
        flex-direction: row;
        margin: 0 auto;
        padding: 20px;
    }

    
    /********** Projets ************/
    .image_portfolio{
        min-width: 200px;
        margin-bottom: 10px;
    }
    .iconeOeil{
        left: 75%;
    }
    

}
     
              /*******************************/
             /* Responsive min-width: 1280px*/
            /*******************************/
    

@media screen and (min-width:1279px){

     /********** Services ************/
    #article_services{
        flex-direction: row;
    }
    
    /********** Projets ************/

    
}