/* 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;}
  
  body{background:none; }
  #uqam_conteneur{background:none; font-size: 90%;}
    #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:0;}
		#contenu-millieu .contenu-interieur .contenu{padding:0 0 0 5px;}
          .contenu{padding:0;}
          #contenu-millieu .contenu-interieur img{/*min-width:100%; max-width:100%;*/}
    #uqam_contenu_exterieur_bas{width:100%;}
	
	/*Barre des langues*/
	.mod-languages {margin-bottom: 20px;}
	
	/*Bandeau*/
	.moduletable_bandeau{margin-bottom: 20px;}
	.bandeau-texte{padding: 0 0 15px 5px; font-size: 112%;}
	.bandeau-date{font-size: 95%;}
	.bandeau-titre{font-size: 140%;}
	.bandeau-description{font-size: 105%;}
	
	h1{font-size:150%; margin:0 0 30px 0; padding:0 0 10px 0;}
	h2 {font-size:130%;}
	
	.presentation-conferencier1, .presentation-conferencier2, .presentation-conferencier3{padding:0;} 
    .presentation-conferencier1 img, .presentation-conferencier2 img, .presentation-conferencier3 img{width:95%; /*max-width: 250px;*/} 
	/*.presentation-conferencier1 img, .presentation-conferencier2 img, .presentation-conferencier3 img{width:100%; } */
	
	.programme-conferencier{width:100%;}
	.programme-conferencier img{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;}
  body{background: url("image/bg-body.jpg") repeat-y scroll top center;}
   #uqam_conteneur{font-size: 90%;}
  #uqam_contenu_exterieur_haut{width:100%;}
  #uqam_contenu{background:url('image/fond-clair.png') no-repeat center top; padding-left:10px; padding-right:10px;}
    #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:/*68px*/5px 30px 25px 30px;}
      #contenu-millieu .contenu-interieur{padding:0;}
	  #contenu-millieu .contenu-interieur .contenu{padding:0 0 0 35px;}
        .contenu{/*padding:0 30px 0 30px;*/}
        #contenu-millieu .contenu-interieur img{/*min-width:initial; min-width:initial;*/}
  #uqam_contenu_exterieur_bas{width:100%;}
  
  
  /*Barre des langues*/
	.mod-languages {margin-bottom: 34px;}
	
  /*Bandeau*/
  .moduletable_bandeau{margin-bottom: 56px; margin-top: 65px;}
  .bandeau-texte{padding: 0 0 34px 35px; font-size: 100%;}
  .bandeau-date{font-size: 112.5%;}
  .bandeau-titre{font-size: 190%;}
  .bandeau-description{font-size: 137%;}
  
  h1{font-size:190%; margin:0 0 55px 0; padding:0 0 25px 0;}
  h2 {font-size:150%;}
  
  .presentation-conferencier1, .presentation-conferencier2, .presentation-conferencier3{padding-right:5px;} 
  .presentation-conferencier1 img, .presentation-conferencier2 img, .presentation-conferencier3 img{width:90%; /*max-width: 250px;*/} 
  
  .programme-conferencier{width:70%;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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;}
  body{background: url("image/bg-body.jpg") repeat-y scroll top center;}
   #uqam_conteneur{font-size: 100%;}
  #uqam_contenu_exterieur_haut{width:1200px;}
  #uqam_contenu{background:url('image/fond-clair.png') no-repeat center top; width:100%; padding-left:0; padding-right:0;}
    #uqam_contenu_interieur{width:1200px; margin-top:0; padding:0; box-shadow:0 0 0; font-size: 100%;}
    #uqam_contenu_exterieur{width:1200px; padding:0;}
      #contenu-droite .contenu-interieur{padding:25px 30px 25px 30px;}
      #contenu-millieu .contenu-interieur{padding:/*68px*/5px 0 25px 0;}
       #contenu-millieu .contenu-interieur .contenu{padding:0 0 0 98px;}
        #contenu-millieu .contenu-interieur img{/*min-width:initial; min-width:initial;*/}
  #uqam_contenu_exterieur_bas{width:1200px;}
  
  /*Barre des langues*/
	.mod-languages {margin-bottom: 34px;}
	
  /*Bandeau*/  
  .moduletable_bandeau{margin-bottom: 56px; margin-top: 65px;}
  .bandeau-texte{padding: 0 0 34px 98px; font-size: 100%;}
  .bandeau-date{font-size: 112.5%;}
  .bandeau-titre{font-size: 190%;}
  .bandeau-description{font-size: 137%;}
  
  h1{font-size:190%; margin:0 0 55px 0; padding:0 0 25px 0;}
  h2 {font-size:150%;}
  
  .presentation-conferencier1{padding:0;}
  .presentation-conferencier2{padding:0 0 0 9px;}
  .presentation-conferencier3{padding:0 0 0 18px;}
  .presentation-conferencier1 img, .presentation-conferencier2 img, .presentation-conferencier3 img{width:auto; max-width: 250px;} 
  
  .programme-conferencier{width:70%;}
}