/* AUDIOVISUEL template-QUERIES.CSS ------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------- */
/* PERSONNALISÉ & IPHONE RETINA */ 
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */ 
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:120px), only screen and (min-width:320px), only screen and (min-width:480px), only screen and (min-width:768px){  
  .tableau{display:block;}
      .tableau-gauche{display:block; padding:0;}
      .tableau-millieu{display:block; padding:0;}
      .tableau-droite{display:block; padding:0;}
  
  #uqam_conteneur{background:#fff;}
    #uqam_contenu_exterieur_haut{width:100%;}
    #uqam_contenu{background:#fff; clear:both; width:100%; padding-top:0; padding-left:5px; padding-right:5px;}
      #uqam_contenu_interieur{width:100%; margin-top:0; padding:0; box-shadow:0 0 0;}
      #uqam_contenu_exterieur{width:100%; padding:0;}
        #contenu-droite .contenu-interieur{padding:5px;} 
        #contenu-millieu .contenu-interieur{padding:5px;}
          .contenu{padding:0;}
          #contenu-millieu .contenu-interieur img{/*min-width:100%; max-width:100%;*/}
    #uqam_contenu_exterieur_bas{width:100%;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
  .tableau{display:table;}
    .tableau-gauche{display:table-cell; padding:0 10px 0 0;}
    .tableau-millieu{display:table-cell; padding:0 5px 0 5px;}
    .tableau-droite{display:table-cell; padding:0 0 0 10px;}
  
  #uqam_contenu_exterieur_haut{width:100%;}
  #uqam_contenu{background:url('image/image-background.jpg') repeat-x left top; padding-left:10px; padding-right:10px;}
    #uqam_contenu_interieur{width:100%; margin-top:15px; padding:0; box-shadow:none;/*0 0 25px rgba(0,0,0,0.20);*/}
    #uqam_contenu_exterieur{width:100%; padding:0;}
      #contenu-droite .contenu-interieur{padding:25px 30px 25px 30px;}
      #contenu-millieu .contenu-interieur{padding:70px 0 70px 30px;}
        .contenu{padding:0 30px 0 30px;}
        #contenu-millieu .contenu-interieur img{/*min-width:initial; min-width:initial;*/}
  #uqam_contenu_exterieur_bas{width:100%;}
  
  .moduletable_vignettes{margin-bottom:94px;}
  .custom_vignettes p img{width:47%;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1200px){
  .tableau{display:table;}
    .tableau-gauche{display:table-cell; padding:0 20px 0 0;}
    .tableau-millieu{display:table-cell; padding:0 10px 0 10px;}
    .tableau-droite{display:table-cell; padding:0 0 0 20px;}
  
  #uqam_contenu_exterieur_haut{width:1200px;}
  #uqam_contenu{background:url('image/image-background.jpg') repeat-x left top; width:100%; padding-left:0; padding-right:0;}
    #uqam_contenu_interieur{width:1200px; margin-top:15px; padding:0 0 50px 0; box-shadow:none;/*0 0 25px rgba(0,0,0,0.20);*/}
    #uqam_contenu_interieur.uqam_contenu_interieur_non-gabarit{margin-top:0;}
    #uqam_contenu_exterieur{width:1200px; padding:0;}
      #contenu-droite .contenu-interieur{padding:25px 30px 25px 30px;}
      #contenu-millieu .contenu-interieur{padding:70px 0 70px 60px;}
        .contenu{padding:0 25px 0 25px;}
        #contenu-millieu .contenu-interieur img{/*min-width:initial; min-width:initial;*/}
  #uqam_contenu_exterieur_bas{width:1200px;}
  
  /*Page d'accueil*/
  #accueil #nouvellesAcueil, #home #nouvellesAcueil{width:64%; float:left; padding-right: 20px;}
  #accueil #evenementsAcueil, #home #evenementsAcueil{width:36%; float:left;}
  
  .moduletable_vignettes{margin-bottom:70px; }
  .custom_vignettes p img{width:100%;}
}