/* AUDIOVISUEL template-queries.css ------------------------------------------------------------------------------ */

/* PERSONNALISÉ & IPHONE RETINA */ 
/* APPAREIL DE PETITE TAILLE & TÉLÉPHONE */ 
@media only screen and (min-width:120px), only screen and (min-width:320px), only screen and (min-width:480px){ 
html, body {cursor:pointer;}
	/*CONTENU*/
		/*CONTENU GAUCHE*/
		#conteneur #contenu #contenu_interieur #contenu_gauche {padding-left:0; padding-right:0;}
			/*MENU PRINCIPAL*/
			#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:#002439; display:none; padding:0 10px; position:absolute; top:0; width:100%;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu {margin-top:20px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>a {padding: 10px 45px 12px 10px;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu {margin-top:20px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>a {padding: 10px 45px 12px 10px;}
		/*CONTENU CENTRE*/
		#conteneur #contenu #contenu_interieur #contenu_centre {}
		/*CONTENU DROITE*/
		#conteneur #contenu #contenu_interieur #contenu_droite {}
		.titre_site{position:absolute !important; left: 10px!important}	
		
		#main table.sticky-thead, #main table.sticky-enabled {max-width:none;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* PAPPAREIL DE PETITE TAILLE & TABLETTE */ 
@media only screen and (min-width:768px){

#main table.sticky-thead, #main table.sticky-enabled {max-width:100%;}

html, body {cursor:default;}
	/*CONTENU*/
		/*CONTENU GAUCHE*/
		#conteneur #contenu #contenu_interieur #contenu_gauche {}
			/*MENU VERTICAL*/
			#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:none; display:block !important; padding:0; position:relative;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu {background:#002439; margin-top:0; padding:45px 15px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li>a {padding: 8px 45px 8px 15px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu>li a:hover {background-color: #D2D9DC; color:#002439;}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.menu-item-has-children>a:hover {background-image:url('images/plus_noir.svg');}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #vertical-menu li.active.menu-item-has-children>a:hover {background-image: url('images/moins_noir.svg');}
								
		/*MENU HORIZONTAL*/
		#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:none; display:block !important; padding:0; position:relative;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu {background:#002439; margin-top:0; padding:45px 15px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li>a {padding: 8px 45px 8px 15px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu>li a:hover {background-color: #D2D9DC; color:#002439;}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.menu-item-has-children>a:hover {background-image:url('images/plus_noir.svg');}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #horizontal-menu li.active.menu-item-has-children>a:hover {background-image: url('images/moins_noir.svg');}
		/*CONTENU CENTRE*/
		#conteneur #contenu #contenu_interieur #contenu_centre {}
		/*CONTENU DROITE*/
		#conteneur #contenu #contenu_interieur #contenu_droite {}
		/*TABLEAU*/
		div.degrade {display:none;}
		.titre_site{position:relative !important; left:0px !important; float:left !important;}
		#fil_ariane_interieur  .titre_site{display:none !important;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE MOYENNE TAILLE & ÉCRAN DE BUREAU */
@media only screen and (min-width:992px){
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #uqam_conteneur_recherche_choix,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #header #bulle,
	#conteneur #header #uqam_plus,
	#conteneur #contenu #contenu_interieur,
	#footer #footer_interieur {width:100%;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* APPAREIL DE LARGE TAILLE & ÉCRAN LARGE */
@media only screen and (min-width:1200px){
	/*LARGEUR INTÉRIEUR*/
	#conteneur #header #header_couleur #header_interieur,
	#conteneur #header #uqam_conteneur_recherche_choix,
	#conteneur #header #fil_ariane #fil_ariane_interieur,
	#conteneur #header #bulle,
	#conteneur #header #uqam_plus,
	#conteneur #contenu #contenu_interieur,
	#footer #footer_interieur {width:1200px;}
}