@media only screen and (max-width:1140px)
{
    nav ul a 
    {
        margin: 0 10px;
    }

    
}


@media only screen and (max-width:990px) /* cas menu deroulant*/
{ 
    
    nav
    {
        display: none;
    }
    
    nav ul #menu
    {
        width: 100%;
    }
    nav ul #menu:hover ul 
    {
        display: none;
    }
    
    #menuMobile
    {
        display: block;
    }
    
    #menuMobile:hover #navigation
    {
        display: block;
    }
 
    
    .descriptifRubrique
    {
        max-width: 450px;
     
        width: 100%;
        padding: 15px auto 30px;
        box-sizing: border-box;
    } 
    
}

@media only screen and (min-width:991px)
{
    nav
    {
        display: block;
    }
    
}




@media only screen and (max-width:320px)
{
    #containerPhotos
    {
        position: relative;
        margin: 0px 10px;
    }
    
   
    header img
    {
        width: 100%;
        height: auto;
    }
    .boxVignette .titre
    {
        opacity: 1;
    }
    .boxVignette .descriptif
    {
        opacity: 0.6;
    }
    
    #margesExterieurs
    {
         margin: 0px 10px;
    }
    
     .descriptifRubrique
    {
        padding: 15px 40px 30px;   
    }
    
    
    
}