/* 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:0;}
			/*MENU PRINCIPAL*/
			#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:#002439; display:none; padding:0 10px; position:absolute; top:-1px; width:100%;}
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {margin-top:20px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>li>a {padding: 10px 45px 12px 10px;}
		/*CONTENU CENTRE*/
		#conteneur #contenu #contenu_interieur #contenu_centre {overflow-x:hidden; padding:0 20px;}
		#conteneur #contenu #contenu_interieur #contenu_centre #main {padding:20px 0 0 0;}
		.home #conteneur #contenu #contenu_interieur #contenu_centre #main {padding:40px 0 0 0;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
			#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {padding-left:0;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {padding-right:0;}
			/*CARROUSEL*/
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {margin-top:0;}
		/*CONTENU DROITE*/
		#conteneur #contenu #contenu_interieur #contenu_droite {background:#CCC; margin-top:20px; padding:20px;}
		
		#conteneur #contenu #contenu_interieur #contenu_droite .espace_gauche {background-color: white; text-align: center; padding-top: 10px;}

#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;}
	/*HEADER*/
	#conteneur #header {margin-bottom:50px;}
	/*CONTENU*/
		/*CONTENU GAUCHE*/
		#conteneur #contenu #contenu_interieur #contenu_gauche {padding:0 5px 50px;}
			/*MENU PRINCIPAL*/
			#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal {background:none; display:block !important; padding:0; position:relative;}
			
			#carrousel > .easingslider { max-width: 880px !important; }
			#main #carrousel .easingslider-image { width: 100% !important; height: 100%!important; }
				#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu {background:none /*#002439*/; margin-top:0;/* padding:30px 15px;*/}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>li>a {padding: 4px 40px 4px 15px;}
					#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu>li a:hover {background-color: #A9CE49; color:#fff;}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.menu-item-has-children>a:hover {background-image:url('images/plus.svg');}
						#conteneur #contenu #contenu_interieur #contenu_gauche #menu_principal #primary-menu li.active.menu-item-has-children>a:hover {background-image: url('images/moins.svg');}
								
		/*CONTENU CENTRE*/
		#conteneur #contenu #contenu_interieur #contenu_centre {overflow-x:inherit; padding-right:0;}
		#conteneur #contenu #contenu_interieur #contenu_centre.col-sm-6 {padding-right: 45px;}
		.home #conteneur #contenu #contenu_interieur #contenu_centre {padding-right:0;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main {padding-bottom:45px;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main li.widget,
			#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles,
			#conteneur #contenu #contenu_interieur #contenu_centre #main article,
			.category #conteneur #contenu #contenu_interieur #contenu_centre #main {padding-left:45px;}
			.category #conteneur #contenu #contenu_interieur #contenu_centre #main article {padding-left:0;}
			#conteneur #contenu #contenu_interieur #contenu_centre #main #nouvelles {padding-right:50px;}
			/*CARROUSEL*/
			.home #conteneur #contenu #contenu_interieur #contenu_centre #main #carrousel {margin-top:-40px;}
			
		/*CONTENU DROITE*/
		#conteneur #contenu #contenu_interieur #contenu_droite {background:none; margin-top:0; padding:45px 5px;}
		/*TABLEAU*/
		div.degrade {display:none;}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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%;}
	
	.home #main #evenements.widget-accueil {padding-left: 15px}
	.home #main #evenements-mitoyen.widget-accueil {padding-left: 15px}
	.home #main #quoi_de_neuf.widget-accueil {padding-right: 15px}
}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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;}
}