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

/* --------------------------------------------------------------------------------------------------------------- */
/* PERSONNALISÉ & IPHONE RETINA */ 
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */ 
/* APPAREIL 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{background:#fff; clear:both; width:100%; padding-left:5px; padding-right:5px;}
      #uqam_contenu_interieur{width:100%; padding:0;}
      #uqam_contenu_exterieur{width:100%; padding:0;}
        #contenu-droite .contenu-interieur{padding:5px;}
          #contenu-droite .contenu-interieur img{width:100%;}
          #contenu-gauche .contenu-interieur img{width:100%;}
	
	#contenu-millieu .contenu-interieur .contenu {
		padding-top: 0;
	}		
	#contenu-millieu .contenu-interieur .banniere {
		padding-bottom: 68px;
	}
	#contenu-millieu .contenu-interieur .contenu .item-page .article-info+div,
	#contenu-millieu .contenu-interieur .contenu .item-page .page-header {
		margin-left: -25px;
	}
	#contenu-millieu .contenu-interieur .contenu .item-page div .accueil-intro,
	#contenu-millieu .contenu-interieur .contenu .item-page div .accueil-nouvelles {
		padding: 0;
	}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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_conteneur{background:#fff;}
    #uqam_contenu{padding-left:10px; padding-right:10px;}
      #uqam_contenu_interieur{width:100%; padding:0;}
      #uqam_contenu_exterieur{width:100%; padding:0;}
        #contenu-droite .contenu-interieur .contenu {padding:20px 30px 25px 30px;}
          #contenu-droite .contenu-interieur img{width:auto;}
     
		#navigation-haut{ font-size:80%;}
		
	#contenu-millieu .contenu-interieur .contenu {
		padding-top: 68px;
	}	
	#contenu-millieu .contenu-interieur .banniere {
		padding-bottom: 0;
	}
	#contenu-millieu .contenu-interieur .contenu .item-page .article-info+div,
	#contenu-millieu .contenu-interieur .contenu .item-page .page-header {
		margin-left: 0;
	}
	#contenu-millieu .contenu-interieur .contenu .item-page div .accueil-intro,
	#contenu-millieu .contenu-interieur .contenu .item-page div .accueil-nouvelles {
		padding: 0 15px;
	}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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_conteneur{background:#fff;}
    #uqam_contenu{width:100%; padding-left:0; padding-right:0;}
      #uqam_contenu_interieur{width:1200px; padding:0;}
      #uqam_contenu_exterieur{width:1200px; padding:0;}
        #contenu-droite .contenu-interieur .contenu{}
          #contenu-droite .contenu-interieur img{width:auto;}
          #contenu-gauche .contenu-interieur img{width:auto;}
		#navigation-haut{ font-size:100%;}
		
}